<!DOCTYPE html>
<html dir='ltr' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>
<head>
<link href='http://fonts.googleapis.com/css?family=Lora' rel='stylesheet' type='text/css'/>
<link href='http://fonts.googleapis.com/css?family=Open+Sans+Condensed%3A300&subset=latin%2Clatin-ext' media='all' rel='stylesheet' type='text/css'/>
<link href='http://fonts.googleapis.com/css?family=Viga' media='all' rel='stylesheet' type='text/css'/>
<meta content='text/html; charset=UTF-8' http-equiv='Content-Type'/>
<script type="text/javascript">(function() { var b=window,f="chrome",g="tick",k="jstiming";(function(){function d(a){this.t={};this.tick=function(a,d,c){var e=void 0!=c?c:(new Date).getTime();this.t[a]=[e,d];if(void 0==c)try{b.console.timeStamp("CSI/"+a)}catch(h){}};this[g]("start",null,a)}var a;b.performance&&(a=b.performance.timing);var n=a?new d(a.responseStart):new d;b.jstiming={Timer:d,load:n};if(a){var c=a.navigationStart,h=a.responseStart;0<c&&h>=c&&(b[k].srt=h-c)}if(a){var e=b[k].load;0<c&&h>=c&&(e[g]("_wtsrt",void 0,c),e[g]("wtsrt_","_wtsrt",h),e[g]("tbsd_","wtsrt_"))}try{a=null,
b[f]&&b[f].csi&&(a=Math.floor(b[f].csi().pageT),e&&0<c&&(e[g]("_tbnd",void 0,b[f].csi().startE),e[g]("tbnd_","_tbnd",c))),null==a&&b.gtbExternal&&(a=b.gtbExternal.pageT()),null==a&&b.external&&(a=b.external.pageT,e&&0<c&&(e[g]("_tbnd",void 0,b.external.startE),e[g]("tbnd_","_tbnd",c))),a&&(b[k].pt=a)}catch(p){}})();b.tickAboveFold=function(d){var a=0;if(d.offsetParent){do a+=d.offsetTop;while(d=d.offsetParent)}d=a;750>=d&&b[k].load[g]("aft")};var l=!1;function m(){l||(l=!0,b[k].load[g]("firstScrollTime"))}b.addEventListener?b.addEventListener("scroll",m,!1):b.attachEvent("onscroll",m);
 })();</script>
<meta content='blogger' name='generator'/>
<link href='http://htmleditor32.blogspot.com/favicon.ico' rel='icon' type='image/x-icon'/>
<link href='http://htmleditor32.blogspot.com/p/online-html-editor.html' rel='canonical'/>
<link rel="alternate" type="application/atom+xml" title="Online Html Editor - Atom" href="http://htmleditor32.blogspot.com/feeds/posts/default" />
<link rel="alternate" type="application/rss+xml" title="Online Html Editor - RSS" href="http://htmleditor32.blogspot.com/feeds/posts/default?alt=rss" />
<link rel="service.post" type="application/atom+xml" title="Online Html Editor - Atom" href="http://www.blogger.com/feeds/438047577586537493/posts/default" />
<!--[if IE]> <script> (function() { var html5 = ("abbr,article,aside,audio,canvas,datalist,details," + "figure,footer,header,hgroup,mark,menu,meter,nav,output," + "progress,section,time,video").split(','); for (var i = 0; i < html5.length; i++) { document.createElement(html5[i]); } try { document.execCommand('BackgroundImageCache', false, true); } catch(e) {} })(); </script> <![endif]-->
<!-- : Changing the Blogger Title Tag -->
<title>Online Html Editor ~ Online Html Editor</title>
<!-- End: Changing the Blogger Title Tag -->
<link type='text/css' rel='stylesheet' href='https://www.blogger.com/static/v1/widgets/3841957138-widget_css_bundle.css' />
<link type='text/css' rel='stylesheet' href='https://www.blogger.com/dyn-css/authorization.css?targetBlogID=438047577586537493&zx=c89a8214-4dbf-4458-b1c0-9adee43f5424' />
<style id='page-skin-1' type='text/css'><!--
/*
-----------------------------------------------
Template Name  : Web content
Author         : Tayyab Ismail
Author URL     : facebook.com/tayyab0o1
Theme URL      : webco32.blogspot.com
Created Date   : Friday, January 24, 2014
License        : Free template
----------------------------------------------- */
body#layout ul{list-style-type:none;list-style:none}
body#layout ul li{list-style-type:none;list-style:none}
body#layout #headerbwrap {height:auto;}
body#layout .headerbwrap2 {height:auto;}
body#layout #blogtitle {min-height:120px;}
body#layout #content {}
body#layout #slider-wrap {display:none;}
body#layout #mygallery2 {display:none;}
body#layout .side-widget {display:none;}
body#layout .widget-bot {display:none;}
body#layout .sidebarrdivsearch {display:none;}
body#layout #headbox{display:none;}
body#layout #top{}
body#layout #nav2{width:90%;}
/* Variable definitions
====================
*/
/* Use this with templates/template-twocol.html */
.section, .widget {
margin:0;
padding:0;
}
/* CSS Reset */
html,body,div,span,object,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{vertical-align:baseline;outline:none;font-size:100%;background:transparent;border:none;text-decoration:none;margin:0;padding:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}b,i,hr,u,center,menu,layer,s,strike,font,xmp{vertical-align:baseline;outline:none;font-size:100%;font-weight:400;font-style:normal;background:transparent;border:none;text-decoration:none;margin:0;padding:0}h1,h2,h3,h4,h5,h6{font-style:normal;font-weight:400;margin:0 0 25px}h1{font-size:1.8em}h2{font-size:1.7em}h3{font-size:1.55em}h4{font-size:1.4em}h5{font-size:1.25em}h6{font-size:1.1em}p{margin:0 0 25px}ol,ul{list-style:none}ul{list-style:disc;margin:0 0 25px 2.5em}ol{list-style-type:decimal;margin:0 0 25px 3em}ol ol{list-style:upper-roman}ol ol ol{list-style:lower-roman}ol ol ol ol{list-style:upper-alpha}ol ol ol ol ol{list-style:lower-alpha}ul ul,ol ol,ul ol,ol ul{margin-bottom:0}dl{margin:0 0 25px 5px}dl dt{font-weight:700;margin:10px 0 0}dl dd{margin:5px 0 0 1.5em}strong{font-weight:700}strong strong{font-weight:400}em em,cite cite{font-style:normal}abbr{cursor:help}acronym{text-transform:uppercase;border-bottom:1px dashed #666;cursor:help}big{font-size:120%}small,sup,sub{font-size:80%}sup{vertical-align:baseline;position:relative;bottom:.3em}sub{vertical-align:baseline;position:relative;top:.3em}address{font-style:italic;margin:0 0 25px}li address,dd address{margin:0}blockquote{font-style:normal;margin:0 25px}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}a img{border:none}pre{overflow:auto;font:.9em Monaco, monospace, Courier, "Courier New";line-height:25px;margin-bottom:25px;padding:10px}code{font:.9em Monaco, monospace, Courier, "Courier New"}pre code{font-size:1em}ins,dfn{font-style:italic;text-decoration:none;border-bottom:1px solid #666}del,s,strike{text-decoration:line-through}object{margin-bottom:25px}input,textarea{font-size:1em;padding:3px}:focus{outline:none}option{padding:1px 2px}table{border-collapse:collapse;border-spacing:0;margin-bottom:25px}th,td{text-align:left}hr{height:1px;margin-bottom:25px;background:#333}img.wp-smiley{max-height:12px;border:none;margin:0;padding:0}.gallery{display:block;text-align:center;margin-bottom:25px}.alignleft,.left{float:left;margin-right:20px}.alignright,.right{float:right;margin-left:20px}.aligncenter,.center{display:block;margin:0 auto 25px}.alignnone,.block{clear:both;margin:0 0 25px}.clear{clear:both}img.alignleft,img.alignright{display:inline}blockquote.alignleft,blockquote.alignright{width:33%}em,cite,blockquote em,blockquote cite{font-style:italic}a,input[type=submit],form label{cursor:}
/* Drop-downs. */
div.menu ul{margin:0;padding:0;list-style:none;line-height:1.0}div.menu ul ul{position:absolute;top:-999em;width:10em}div.menu ul ul li{width:100%}div.menu li:hover{visibility:inherit}div.menu li{float:left;position:relative}div.menu a{display:block;position:relative}div.menu li:hover ul,li.sfHover ul{left:0;top:2em;z-index:99}div.menu li:hover li ul,li.sfHover li ul{top:-999em}div.menu li li:hover ul,li li.sfHover ul{left:10em;top:0}div.menu li li:hover li ul,li li.sfHover li ul{top:-999em}div.menu li li li:hover ul,li li li.sfHover ul{left:10em;top:0}
/* Galleries. */
.gallery{display:block;clear:both;overflow:hidden;margin:0 auto}.gallery .gallery-row{display:block;clear:both;overflow:hidden;margin:0}.gallery .gallery-item{overflow:hidden;float:left;margin:0;text-align:center;list-style:none;padding:0}.gallery .gallery-item .gallery-icon img{width:auto;max-width:89%;height:auto;padding:1%;margin:0 auto}.gallery-caption{margin-left:0}.gallery .col-0{width:100%}.gallery .col-1{width:100%}.gallery .col-2{width:50%}.gallery .col-3{width:33.33%}.gallery .col-4{width:25%}.gallery .col-5{width:20%}.gallery .col-6{width:16.66%}.gallery .col-7{width:14.28%}.gallery .col-8{width:12.5%}.gallery .col-9{width:11.11%}.gallery .col-10{width:10%}.gallery .col-11{width:9.09%}.gallery .col-12{width:8.33%}.gallery .col-13{width:7.69%}.gallery .col-14{width:7.14%}.gallery .col-15{width:6.66%}.gallery .col-16{width:6.25%}.gallery .col-17{width:5.88%}.gallery .col-18{width:5.55%}.gallery .col-19{width:5.26%}.gallery .col-20{width:5%}.gallery .col-21{width:4.76%}.gallery .col-22{width:4.54%}.gallery .col-23{width:4.34%}.gallery .col-24{width:4.16%}.gallery .col-25{width:4%}.gallery .col-26{width:3.84%}.gallery .col-27{width:3.7%}.gallery .col-28{width:3.57%}.gallery .col-29{width:3.44%}.gallery .col-30{width:3.33%}
/* Links */
a {
color: #FFFFFF;
}
a:hover {
cursor:url("https://lh3.googleusercontent.com/-xyFZscZbUbE/VB-mfb8qoJI/AAAAAAAAA8s/6UzJlvpNsa8/h120/mac-osx-arroww.png"), auto;
text-decoration: underline;
color: #FF0000;
}
a, a img, input[type=submit], input[type=button], input[type=text], textarea, .custom-controls li:hover, .loop-nav {
-webkit-transition: all 0.18s ease-out;
-moz-transition: all 0.18s ease-out;
-ms-transition: all 0.18s ease-out;
-o-transition: all 0.18s ease-out;
transition: all 0.18s ease-out;
}
/* Headers */
h1, h2, h3, h4, h5, h6 {
color: #000;
font-family: 'Open Sans Condensed', sans-serif;
}
h1 { font-size: 26px; }
h2 { font-size: 24px; }
h3 { font-size: 22px; }
h4 { font-size: 20px; }
h5 { font-size: 18px; }
h6 { font-size: 16px; }
#contentbwrap h1 { line-height: 29px; }
#contentbwrap h2 { line-height: 27px; }
#contentbwrap h3 { line-height: 25px; }
#contentbwrap h4 { line-height: 23px; }
#contentbwrap h5 { line-height: 21px; }
#contentbwrap h6 { line-height: 19px; }
/* Horizontal rule */
hr {
height: 1px;
background: #000;
}
/* Tables */
table {
margin: 0 0 25px 0;
width: 100%;
border-left: 1px solid #e0e0e0;
border-right: 1px solid #e0e0e0;
background: #fff;
}
table caption {
color: #999;
}
table th {
padding: 4px 2%;
border-top: 1px solid #e0e0e0;
border-bottom: 1px solid #e0e0e0;
border-right: 1px solid #e0e0e0;
text-align: left;
}
td {
padding: 4px 2%;
color: #777;
border-bottom: 1px solid #e0e0e0;
border-right: 1px solid #e0e0e0;
}
/* Acronyms and abbreviations */
abbr {
}
.entry-meta abbr, .comment-meta abbr {
border: none;
}
acronym {
font-size: .9em;
text-transform: uppercase;
color: #555;
background: #fcfcfc;
border-bottom: 1px dotted #ddd;
}
acronym:hover {
color: #333;
background: #f9f9f9;
border-bottom: 1px dotted #999;
}
/* Lists. */
ul {
list-style: square;
}
dl {
margin: 0 0 25px 25px;
}
dl dt {
margin: 0;
}
dl dd {
margin: 0 0 5px 10px;
padding: 0;
font-size: 14px;
color: #777;
}
/* Blockquotes. */
blockquote, blockquote blockquote blockquote {
overflow: hidden;
margin: 0 0 25px 0;
padding: 25px 25px 0 25px;
font-size: 15px;
color: #666;
background: #f9f9f9;
border-left: 5px solid #ddd;
}
blockquote blockquote {
color: #666;
background: #eee;
border-left: 5px solid #ccc;
}
/* Code */
code {
padding: 0 3px;
color: #555;
font: normal normal normal 13px/25px Arial, Verdana, sans-serif;
background: #e6e6e6;
}
pre {
padding: 25px;
color: #555;
font: normal normal normal 13px/25px Arial, Verdana, sans-serif;
background: #303030;
border: 1px solid #dfdfdf;
}
pre code {
padding: 0;
background: transparent;
}
/* Forms */
input[type="text"] {
display:inline-block  ;
width: 350px;
}
input[type="submit"]:hover {
display:inline-block  ;
cursor:url("https://lh3.googleusercontent.com/-xyFZscZbUbE/VB-mfb8qoJI/AAAAAAAAA8s/6UzJlvpNsa8/h120/mac-osx-arroww.png"), auto;
}
textarea {
display: block;
width: 100%;
}
/* Alignment */
.alignleft {
float: left;
margin: 0 25px 10px 0;
}
.alignright {
float: right;
margin: 0 0 10px 25px;
}
img.alignleft, img.alignright {
margin-top: 5px;
}
.center, .aligncenter {
display: block;
margin: 0 auto 25px auto !important;
}
.block, .alignnone {
display: block;
margin: 0 0 25px 0;
}
.clear {
clear: both;
}
/* Images */
.pbtthumbimg {
float:left;
margin:0px 10px 5px 5px;
padding:4px;
border:2px solid #FF0000;
background:#f9f9f9;
width:350px;
height:300px;
}
.two-rows .entry-content img {
padding: 0;
border: 0;
max-width: 279px;
}
/* Max-widths for images */
.entry-content img { max-width: 590px; }
/*-------------------------------------------------------------------------------------------*/
/* BODY & CONTAINER*/
/*-------------------------------------------------------------------------------------------*/
body {
font: normal normal normal 13px/13px Lora, Arial, Verdana, sans-serif;
cursor: url("https://lh5.googleusercontent.com/-pIkTk0ApoY0/VB-jptUTokI/AAAAAAAAA8g/woBM6D3lXuE/h120/mac-osx-arrow-cursor_1_35x40.png"), auto;
background: url("https://lh3.googleusercontent.com/-s3Lk8NGR3rc/VD1EgaKrCMI/AAAAAAAABSE/dZHU5fK3UIM/w640-h400-no/1382738.jpg"); background-position: center; background-repeat: no-repeat; background-attachment: fixed;
-webkit-background-size: 100%;
-moz-background-size: 100%;
-o-background-size: 100%;
background-size: 100%;
color: #FFFFFF;
background:#323232 ;
line-height: 25px;
}
#container {
}
/*-------------------------------------------------------------------------------------------*/
/* PRIMARY MENU */
/*-------------------------------------------------------------------------------------------*/
#menu-primary {
width: 100%;
height: 40px;
background:transparent ;
position: relative;
z-index: 999999;
}
#menu-primary div.wrapbwrap {
width: 1250px;
margin: 0 auto;
}
#menu-primary li {
list-style: none;
background: url(#) no-repeat scroll left top;
}
/*-------------------------------------------------------------------------------------------*/
/* HEADER */
/*-------------------------------------------------------------------------------------------*/
#headerbwrap {
width: 100%;
display:none;
height: 163px;
clear: both;
overflow: hidden;
}
#headerbwrap .wrapbwrap {
width: 1250px;
height: 163px;
margin: 0px auto;
}
#branding {
float: left;
margin: 0px 0 0 0px;
text-transform: uppercase;
width: 1250px;
overflow: hidden;
}
.site-title {
font-size: 38px;
font-family: 'Open Sans Condensed', sans-serif;
margin: 10px 0 22px 0;
text-transform: uppercase;
}
.site-title a {
color: #000;
border-bottom: none;
}
.site-title a:hover {
text-decoration: none;
}
.site-description {
font: normal 15px/15px 'Open Sans Condensed', sans-serif;
margin: 0 0 0 3px;
color: #646464;
}
/*-------------------------------------------------------------------------------------------*/
/* SECONDARY MENU */
/*-------------------------------------------------------------------------------------------*/
#menu-secondary {
display:none;
width: 1250px;
height: 58px;
margin: -20px auto;
background: #312a1e;
position: relative;
z-index: 20;
}
#menu-secondary li {
list-style: none;
background: url(https://lh5.googleusercontent.com/-JGczXYgq6IY/VBxPNi3mQpI/AAAAAAAAA1Q/GLgSlRudcGg/h120/sec-sep.gif) no-repeat scroll left top;
}
#menu-secondary li a {
padding: 0px 15px;
color: #f0f0f0;
border-bottom: none;
font: normal 14px/58px Arno Pro;
overflow: hidden;
}
#menu-secondary li a:hover, #menu-secondary li.current-menu-item a, #menu-secondary li.sfHover a {
text-decoration: none;
background: #FF0000;
}
#menu-secondary li li.current-menu-item a {
background: #f9f7f7 !important;
}
#menu-secondary li:hover ul li a, #menu-secondary li.sfHover ul li a{
background: #fff;
}
#menu-secondary li li a, #menu-secondary li li.current-menu-item li a {
color: #282828;
background: #f3f1f1;
line-height: 34px !important;
font-size: 15px !important;
}
#menu-secondary li ul li a:hover, #menu-secondary li ul li.sfHover   {
text-decoration: none;
background: #FF3030;
}
/* Drop-down styles */
#menu-secondary li ul {
}
#menu-secondary li:hover ul, #menu-secondary li.sfHover ul {
top: 58px;
}
#menu-secondary li:hover li ul, #menu-secondary li.sfHover li ul {
top: -999em;
}
#menu-secondary li li:hover ul, #menu-secondary li li.sfHover ul {
top: -1px;
margin-left: 0;
}
/*-------------------------------------------------------------------------------------------*/
/* CONTENT */
/*-------------------------------------------------------------------------------------------*/
/* Main wrapper div for the content and primary/secondary sidebars */
#mainbwrap {
clear: both;
overflow: hidden;
width: 1250px;
padding: 20px 0px 0;
margin: 0 auto;
}
#mainbwrap .wrapbwrap {
margin-bottom: 40px;
overflow: hidden;
}
/* Content */
#contentbwrap {
margin: 0px 0px 10px 0px;
float: left;
width: 1020px;
}
/*-------------------------------------------------------------------------------------------*/
/* POSTS */
/*-------------------------------------------------------------------------------------------*/
<!-- stylish txt -->
.md1 {
overflow:auto;width:503px;height:200px;
font-family: "Consolas", "Courier New", Courier, mono, serif;
color:#848176;
margin : 15px 35px 15px 15px;
padding : 10px 10px 10px 35px;
clear : both;
list-style-type : none;
background : #000000 url(https://lh5.googleusercontent.com/-v_e4UxNlM6o/VBmwPqZdZVI/AAAAAAAAAwM/moHzc6aT35I/h120/2.JPG) repeat-y top left;
border : 1px solid #000000;
border-left:20px solid #ccc;
-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition-duration:all .3s ease-in-out;transition:all .3s ease-in-out;-webkit-border-radius:3px;-moz-border--moz-border-radius: 23px 20px 20px 20px;border-radius: 23px 20px 20px
}
.md1:hover{
background : #000000 url(https://lh3.googleusercontent.com/-r2zC-4oII7M/VBmxUsC7X1I/AAAAAAAAAwY/TVZfhl-4H_o/h120/1.jpg) repeat-y top left;
color:#FEF9BF;
border : 1px solid #000;
border-left:20px solid #ccc;
-webkit-box-shadow: 0px 0px 10px  rgba(0, 0, 0, .3);
-moz-box-shadow: 0px 0px 10px  rgba(0, 0, 0, .3);
box-shadow: 0px 0px 10px  rgba(0, 0, 0, .3);
box-shadow: 10px 10px 5px #888888;
}
.md2 {
overflow:auto;width:400px;height:auto;
font-family: "Consolas", "Courier New", Courier, mono, serif;
color:#7A6417;
margin : 15px 35px 15px 15px;
padding : 10px 10px 10px 35px;
clear : both;
list-style-type : none;
background : #000000 url(https://lh6.googleusercontent.com/-GgSDCn-BYVo/VBmxnsmWCHI/AAAAAAAAAwg/8IDFTi4GzOY/h120/000.JPG) repeat-y top left;
border : 1px solid #D8C37D;
-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition-duration:all .3s ease-in-out;transition:all .3s ease-in-out;-webkit-border-radius:3px;-moz-border--moz-border-radius: 23px 20px 20px 20px;border-radius: 23px 20px 20px
}
.md2:hover{
border : 1px solid #D8C37D;
-webkit-box-shadow: 0px 0px 10px  rgba(0, 0, 0, .3);
-moz-box-shadow: 0px 0px 10px  rgba(0, 0, 0, .3);
box-shadow: 0px 0px 10px  rgba(0, 0, 0, .3);
-moz-border-radius: 23px 20px 20px 20px;border-radius: 23px 20px 20px
}
.md3 {
overflow:auto;width:250px;height:260px;
font-family: "Consolas", "Courier New", Courier, mono, serif;
color:#000000;
margin : 15px 35px 15px 15px;
padding : 15px 5px 10px 165px;
clear : both;
list-style-type : none;
background : #ffffff url(https://lh6.googleusercontent.com/-QJ9Fn2Mf650/VBm0tdlf_KI/AAAAAAAAAws/WEe22cbcMUY/h120/special-offer-01.jpg) repeat-y top left;
border : 1px solid #ffffff;
-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition-duration:all .3s ease-in-out;transition:all .3s ease-in-out;-webkit-border-radius:3px;-moz-border--moz-border-radius: 23px 20px 20px 20px;border-radius: 23px 20px 20px
}
.md3:hover{
background : #ffffff url(https://lh6.googleusercontent.com/-i3qJFWw_pf4/VBm1aB3sKEI/AAAAAAAAAw0/xU2yMMfUt2I/h120/special-offersfsfd-01.jpg) repeat-y top left;
color:#000000;
border : 1px solid #ffffff;
-webkit-box-shadow: 0px 0px 10px  rgba(0, 0, 0, .3);
-moz-box-shadow: 0px 0px 10px  rgba(0, 0, 0, .3);
box-shadow: 0px 0px 10px  rgba(0, 0, 0, .3);
}
.md4 {
overflow:auto;width:450px;height:153px;
font-family: "Consolas", "Courier New", Courier, mono, serif;
color:#848176;
margin : 15px 35px 15px 15px;
padding : 10px 10px 10px 35px;
clear : both;
list-style-type : none;
background : #000000  repeat-y top left;
border : 1px  solid #000000;
border-left:20px solid #ccc;
-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition-duration:all .3s ease-in-out;transition:all .3s ease-in-out;-webkit-border-radius:3px;-moz-border--moz-border-radius: 23px 20px 20px 20px;border-radius: 23px 20px 20px
}
.md4:hover{
overflow:auto;width:450px;height:153px;
background : #000000 url(https://lh3.googleusercontent.com/-JYkapurD2XI/VBm2B346ybI/AAAAAAAAAw8/kiZSaxxQQmU/h120/1.JPG) repeat-y top left;
color:#eee;
text-shadow:1px 1px 1px #000;
text-transform: capitalize;
border : 1px solid #000000;
border-left:20px solid #CCC;
-webkit-box-shadow: 0px 0px 10px  rgba(0, 0, 0, .3);
-moz-box-shadow: 0px 0px 10px  rgba(0, 0, 0, .3);
box-shadow: 0px 0px 10px  rgba(0, 0, 0, .3);
}
.md5 {
overflow:auto;width:400px;height:auto;
font-family: "Consolas", "Courier New", Courier, mono, serif;
margin : 15px 35px 15px 15px;
padding : 10px 10px 10px 60px;
clear : both;
color:#000;
list-style-type : none;
background : #F5F3F3 url(https://lh4.googleusercontent.com/-4o2B5H3sOTY/VBm2NvpcNPI/AAAAAAAAAxE/ttenhQzE-8s/h29/1d.JPG) repeat-y top left;
border : 1px solid #ccc;
border-right:15px solid rgba(0, 0, 0, .100);
-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition-duration:all .3s ease-in-out;transition:all .3s ease-in-out;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;
-webkit-box-shadow: 0px 0px 10px  rgba(0, 0, 0, .3);
-moz-box-shadow: 0px 0px 10px  rgba(0, 0, 0, .3);
box-shadow: 0px 0px 10px  rgba(0, 0, 0, .3);
}
.md5:hover{
overflow:auto;width:400px;height:auto;
background : #F5F3F3 url(https://lh3.googleusercontent.com/-AEkGxd7qmww/VBm2Z6DO90I/AAAAAAAAAxM/uCpRJOPWXYM/h29/as1.JPG) repeat-y top left;
border : 1px solid #ccc;
border-right:15px solid rgba(0, 0, 0, .100);
-webkit-box-shadow: 0px 0px 10px  rgba(0, 0, 0, .3);
-moz-box-shadow: 0px 0px 10px  rgba(0, 0, 0, .3);
box-shadow: 0px 0px 10px  rgba(0, 0, 0, .3);
}
.md6 {
overflow:auto;width:400px;height:auto;
font-family: "Consolas", "Courier New", Courier, mono, serif;
margin : 15px 35px 15px 15px;
padding : 10px 10px 10px 35px;
clear : both;
color:000:
list-style-type : none;
background :#6D6C6A;
border : 1px solid #EEEEEE;
border-left:20px solid #000;
border-right:20px solid #000;
-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition-duration:all .3s ease-in-out;transition:all .3s ease-in-out;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;
-moz-border--moz-border-radius: 23px 20px 20px 20px;border-radius: 23px 20px 20px;
-webkit-box-shadow: 0px 0px 10px  rgba(0, 0, 0, .3);
-moz-box-shadow: 0px 0px 10px  rgba(0, 0, 0, .3);
box-shadow: 0px 0px 10px  rgba(0, 0, 0, .3);
}
.md6:hover{
background : #000;
color:#fff;
border : 1px solid #EEEEEE;
border-left:20px solid #6D6C6A;
border-right:20px solid #6D6C6A;
-webkit-box-shadow: 0px 0px 10px  rgba(0, 0, 0, .3);
-moz-box-shadow: 0px 0px 10px  rgba(0, 0, 0, .3);
box-shadow: 0px 0px 10px  rgba(0, 0, 0, .3);
}
.md7
{
color:#848176;
overflow:hidden;width:200px;height:300px;
background:black;
margin : 15px 35px 15px 15px;
padding : 10px 10px 10px 35px;
clear : both;
border : 1px solid #000000;
border-left:10px solid #ccc;
border-right:10px solid #ccc;
list-style-type : none;
transition:width 2s;
text-position:fixed;
-moz-transition:width 2s; /* Firefox 4 */
-webkit-transition:width 2s; /* Safari and Chrome */
-o-transition:width 2s; /* Opera */
box-shadow: 10px 10px 5px #888888;
}
.md7:hover
{
width:300px;
color:#fff;
box-shadow: 0px 0px 10px  rgba(0, 0, 0, .3);
}
.md8 {
margin : 15px 35px 15px 15px;
padding : 20px 10px 10px 35px;
background : #EEEEEE url(https://lh3.googleusercontent.com/-ECjDYGBOaEM/VBm25SqAjMI/AAAAAAAAAxY/0HcPJC-Kg7g/h18/code%2B%28gj37765.blogspot.com.gif) repeat-y top left;
border-top : 1px solid #AAAAAA;
border-right : 1px solid #AAAAAA;
border-bottom : 1px solid #AAAAAA;
border-left : 1px solid #AAAAAA;
}
.md9{
overflow:auto;width:570px;height:310px;
font-family: "Consolas", "Courier New", Courier, mono, serif;
margin : 15px 15px 15px 15px;
padding : 20px 10px 0px 35px;
clear : both;
color:#ffffff;
list-style-type : none;
background : #F7F7F7 url(https://lh5.googleusercontent.com/-gkGRUAOpzVk/VBm35GRXnRI/AAAAAAAAAxg/HMMOR9peevo/h120/copy-to-clipboard-cmd-3.png) repeat-y top left;
border : 1px solid #EEEEEE;
-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition-duration:all .3s ease-in-out;transition:all .3s ease-in-out;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;
}
.md9:hover{
background : #FFFFFF url(https://lh5.googleusercontent.com/-gkGRUAOpzVk/VBm35GRXnRI/AAAAAAAAAxg/HMMOR9peevo/h120/copy-to-clipboard-cmd-3.png) repeat-y top left;
border : 1px solid #EEEEEE;
-webkit-box-shadow: 0px 0px 10px  rgba(0, 0, 0, .3);
-moz-box-shadow: 0px 0px 10px  rgba(0, 0, 0, .3);
box-shadow: 0px 0px 10px  rgba(0, 0, 0, .3);
}
.md-9{
overflow:auto;width:542px;height:230px;
font-family: "Consolas", "Courier New", Courier, mono, serif;
margin : 15px 15px 15px 15px;
padding : 20px 10px 0px 0px;
clear : both;
color:#96948A;
list-style-type : none;
background : #000 ;
border : 1px solid #000;
-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition-duration:all .3s ease-in-out;transition:all .3s ease-in-out;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;
}
<!-- stylish txt -->
/* Posts */
.two-rows .odd {
width: 278px;
float: left;
clear: both;
}
.two-rows .even  {
width: 278px;
float: left;
}
.two-rows .hentry {
line-height: 19px;
}
.clearit {
clear: both;
height: 0px; /* weird bug in ie7 only on cat page....*/
}
.hentry {
overflow: hidden;
margin: 0 0 25px 0;
background: #30b6f3;
border: 2px solid #e8e8e8;
box-shadow: 0 0 3px #e8e8e8;
padding: 15px 18px;
}
.sticky {
}
.featured-img {
margin-bottom: 20px;
}
#post-0 {
/*width: 619px !important;*/
}
/* Post titles */
.hentry .entry-title {
margin: 0 0 16px 0;
padding: 0;
font-size: 22px;
font-family:Francois One,Helvetica,Arial;
font-weight:bold;
line-height: 32px;
}
.entry-title a {
background : #00ff00;
border:1px dashed white;
background-position: 0 0, 10px 10px;
box-shadow:1px 1px 1px 1px #000000;
padding:5px;
border-top-right-radius:0px;
border-bottom-left-radius:0px;
border-radius:5px 5px 5px 5px;
color:#333 !important;
text-shadow:#64665b 0px 2px 1px;
text-align:center;
}
.entry-title a:hover {
background : #FF0000;
color:#fff !important;
text-decoration: none;
}
/* Post excerpts */
.entry-summary p {
margin: 0 0 10px 0;
}
/* Post metadata */
.bpostentry-meta {
clear: both;
margin: 5px 0px 10px 0px;
font-size: 13px;
background: url(http://2.bp.blogspot.com/-2yVmGh_LU8s/Ut4f02I1DNI/AAAAAAAAKXo/mLBxU2qHsJY/s1600/date.png) no-repeat 0 5px;
padding-left: 24px;
position: relative;
font-family: Viga, sans-serif;
color: #000000;
}
.bpostentry-meta a {
color: #FFFFFF;
}
.bpostentry-meta a:hover {
color: #463030;
}
.two-rows .bpostentry-meta {
padding-top: 10px;
}
.bpostentry-meta .published {
margin-right: 15px;
}
.bpostentry-meta .comments-link {
background: url(http://4.bp.blogspot.com/-oD3t7JO0PXw/Ut4f01eNAeI/AAAAAAAAKX0/EkG8LDanQL8/s1600/comments.png) no-repeat scroll 0 3px;
padding-left: 24px;
}
a.more-link {
text-indent: -999px;
background: #FFFFFF ;
width: 32px;
height: 42px;
display: inline-block;
position: absolute;
right: -18px;
top: 0;
}
a.more-link:hover {
background: #FFFFFF;
}
.widget .search-form input[type="text"]:focus, .widget .search-form input[type="text"]:hover {
border: 1px solid #EF9E10;
background: #fff;
color: #000000;
}
/*-------------------------------------------------------------------------------------------*/
/* SIDEBARS */
/*-------------------------------------------------------------------------------------------*/
/* Primary  sidebars */
#sidebar-primary {
width: 220px;
float: right ;
}
#sidebar-primary .widget {
margin: 0px 0px 70px 0px;
padding:0px;
}
/* Widget title */
#sidebar-primary .widget-title {
font-size: 22px;
margin-bottom: 20px;
color: #0A0A0A;
}
#sidebar-primary .widget h2 {
font-size:20px;
background:chartreuse;
padding:10px;
text-align:center;
color:#0A0A0A;
border-top-left-radius:20px;
border-bottom-right-radius:20px;
}
#sidebar-primary .widget h2:hover {
background:red;
color:white;
}
/* Widget unordered lists */
#sidebar-primary .widget ul {
list-style: none;
margin-left: 0;
font: normal 13px/16px Arno Pro;
}
#sidebar-primary .widget li {
padding: 6px 0;
}
#sidebar-primary .widget li ul {
margin-left: 10px;
}
#sidebar-primary .widget a {
color: #FFFFFF;
}
#sidebar-primary .widget a:hover {
text-decoration: none;
color: #FF1919;
}
/* Search form widget. */
#sidebar-primary .widget .search-form {
overflow: hidden;
margin: 0 0 25px 0;
}
#sidebar-primary .widget .search-form label {
color: #999;
}
#sidebar-primary .widget .search-form input[type="text"] {
padding: 8px 0 8px 10px;
padding: 10px 0 6px 10px\0/;
color: #fff;
float: left;
background: #e9e8e8;
border: 1px solid #e9e8e8;
font: normal 15px/15px 'Open Sans Condensed', sans-serif;
width: 287px !important;
}
*+html .widget .search-form input[type="text"] {
padding: 10px 0 6px 10px;
}
#sidebar-primary .widget .search-form input[type="submit"] {
display: none;
}
/*-------------------------------------------------------------------------------------------*/
/* SUBSIDIARY SIDEBAR */
/*-------------------------------------------------------------------------------------------*/
#sidebar-subsidiary {
overflow: hidden;
width: 100%;
margin: 0 auto;
background: transparent;
color: #766e5f;
padding: 58px 0px 0;
}
#sidebar-subsidiary .wrapbwrap {
width: 1050px;
margin: 0 auto 50px;
background: url(#)  no-repeat scroll 0px 0;
overflow: hidden;
}
#sidebar-subsidiary .widgetbwrap {
float: left;
width: 220px;
margin-right: 40px;
}
#sidebar-subsidiary .widget {
margin: 0px 0px 20px 0px;
padding:0px;
}
#sidebar-subsidiary .widget-title {
font-family: Arno Pro;
font-size: 20px;
color: #fff;
margin-bottom: 40px;
}
#sidebar-subsidiary .widget h2 {
font-family: Arno Pro;
font-size: 24px;
color: #fff;
margin-bottom: 20px;
}
#sidebar-subsidiary .widget ul {
list-style: none;
margin-left: 0;
font-family: Arno Pro;
font-size: 14px;
}
#sidebar-subsidiary .widget li {
font-family: Arno Pro;
padding: 2px 0;
}
#sidebar-subsidiary .widget li ul {
font-family: Arno Pro;
margin-left: 10px;
}
#sidebar-subsidiary .widget a {
font-family: Arno Pro;
}
#sidebar-subsidiary .widget a:hover {
color: #fff;
}
#sidebar-subsidiary .widgetbwrap-4, #sidebar-subsidiary .widgetbwrap-8 {
margin-right: 0 !important;
}
#sidebar-subsidiary .widgetbwrap-5, #sidebar-subsidiary .widgetbwrap-9 {
clear: both;
}
/*-------------------------------------------------------------------------------------------*/
/* FOOTER */
/*-------------------------------------------------------------------------------------------*/
#footer {
clear: both;
width: 1280px;
margin: 0 auto;
padding: 20px 0px 28px;
font: normal 13px/13px Arno Pro;
color: #FFFFFF;
background: #1996E8;
overflow: hidden;
}
#footer .wrapbwrap {
width: 900px;
margin: 0 auto;
}
#footer a {
}
#footer a:hover {
color: #000000;
}
#footer {
border-top:3px dotted #FFFFFF;
clear:both;
margin:0 auto;
}
ul.menu {
padding: 0px;
}
ul.menu li {
display: inline;
}
ul.menu li a {
background-color: black;
color: white;
font-size: 13px;
padding: 5px 10px;
text-decoration: none;
border-radius: 4px 4px 4px 4px;
}
ul.menu li a:hover {
background-color: red;
}
#wctopdropsoc {
float:right;
width:170px;
background:black;
padding:0px 0px ;
margin:-2px 10px 0px 0px;
}
#wctopdropsoc img
{
margin-left:5px;
margin-bottom:0px;
height:26px;
border:none;
}
/*-------------------------------------------------------------------------------------------*/
/* Featured posts */
/*-------------------------------------------------------------------------------------------*/
.feat .widget-title {
margin-bottom: 23px !important;
}
.featured-posts {
}
.featured-posts li {
margin-bottom: 5px;
overflow: hidden;
padding: 0 !important;
}
.featured-posts img {
margin-right: 15px !important;
}
.in-title {
width: 200px;
display: inline-block;
margin-bottom: 10px !important;
padding-top: 6px;
line-height: 18px;
}
.in-title a, .in-title a:visited {
font-size: 17px;
color: #616161 !important;
float: left;
}
.ftext {
margin-bottom: 17px;
color: #9da1a3;
font-size: 15px;
}
/*-------------------------------------------------------------------------------------------*/
/* Banners */
/*-------------------------------------------------------------------------------------------*/
.adv {
float: left;
margin: 0px 0px 0px 0px;
padding: 0px;
}
.adv .widget h2 {
display:none;
}
.adv .widget-content {
margin: 0px;
padding: 0px;
height: auto;
width: 100%;
}
#banners {
margin-bottom: 0px;
overflow: hidden;
}
.banner-left {
float: left;
margin: 0 0px 0px 0;
}
.banner-right {
float: right;
margin: 0 0 10px;
}
/*-------------------------------------------------------------------------------------------*/
/* Slider */
/*-------------------------------------------------------------------------------------------*/
.flexslider {margin: 0px auto 0; padding: 0; width: 1000px; height: 340px;}
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {width: 100%; display: block;}
.flex-pauseplay span {text-transform: capitalize;}
/* Clearfix for the .slides element */
.slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
html[xmlns] .slides {display: block;}
* html .slides {height: 1%;}
/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
* include js that eliminates this class on page load */
.no-js .slides > li:first-child {display: block;}
#slider-wrap {
width: 100%;
height: 430px;
padding-top: 20px;
background: }
.slides {
list-style: none;
margin: 0;
}
/* Slider custom controls */
.custom-controls {
list-style: none;
margin: 0;
text-align: center;
overflow: hidden;
background: #227264
}
*+html .custom-controls {
position: relative;
bottom: -340px;
}
.slide-title {
margin: 0;
padding: 0;
}
.slide-title a, .slide-title a:visited {
font-size: 13px;
color: #ffffff;
}
.slide-title a:hover {
text-decoration: none;
}
.custom-controls li {
float: left;
background: url(http://2.bp.blogspot.com/-XB9yLjv7xH0/Ut4f4Z85NoI/AAAAAAAAKYs/ggV9jm3IERg/s1600/slide-sep.gif) no-repeat scroll right;
height: 33px;
padding-top: 5px;
}
.slide-1 {
width: 100%;
}
.slide-2 {
width: 50%;
}
.slide-3 {
width: 33.33%;
}
.slide-4 {
width: 25%;
}
.slide-5 {
width: 20%;
}
.flex-active, .custom-controls li:hover {
background: #312a1e url(http://2.bp.blogspot.com/-XB9yLjv7xH0/Ut4f4Z85NoI/AAAAAAAAKYs/ggV9jm3IERg/s1600/slide-sep.gif) no-repeat scroll right !important;
}
.custom-controls .last, .custom-controls .last:hover {
background-image: none !important;
}
/*-------------------------------------------------------------------------------------------*/
/* Social Networks */
/*-------------------------------------------------------------------------------------------*/
#social {
float: right;
width: 176px;
height: 34px;
overflow: hidden;
margin: 10px 0 0;
padding: 0;
display: inline;
}
#social li {
background: none;
padding: 0;
float: left;
margin-left: 15px;
}
#social li a {
text-indent: -9999px;
width: 29px;
height: 28px;
display: block;
padding: 0;
}
#social #feedburner {
background: url(http://4.bp.blogspot.com/-1ZdwHnRoDVk/Ut4f2MjK4JI/AAAAAAAAKYE/SMiKJANg92Y/s1600/feedburner.png) no-repeat;
}
#social #facebook {
background: url(http://1.bp.blogspot.com/-ZDgvm4L51ec/Ut4f1KgDYxI/AAAAAAAAKXs/Qd8EgbrFHD8/s1600/facebook.png) no-repeat;
}
#social #twitter {
background: url(http://3.bp.blogspot.com/-7oNF3ETI63M/Ut4f5utc1cI/AAAAAAAAKY0/FC3FvZsiFxo/s1600/twitter.png) no-repeat;
}
#social #rss {
background: url(http://2.bp.blogspot.com/-iFjeZ77xBoY/Ut4f2snG29I/AAAAAAAAKX8/WTfa6CEB4LY/s1600/rss.png) no-repeat;
}
img:hover {
box-shadow: 0 0 14px #ccc;
}
h2.date-header {
margin: 1.5em 0 .5em;
display: none;
}
.main .widget {
margin: 0 0 5px;
padding: 0 0 2px;
}
.main .Blog {
border-bottom-width: 0;
}
#header .description {
color:#ffffff;
font-size:14px;
text-shadow:0px 1px 0px #000000;
}
/* Comments----------------------------------------------- */
#comments {
overflow: hidden;
margin: 0 0 25px 0;
background: #30b6f3;
border: 1px solid #e8e8e8;
box-shadow: 0 0 3px #e8e8e8;
padding: 15px 18px;
}
#comments h4 {
font-size:22px;
font-weight:bold;
margin-bottom:10px;
background:white;
padding:10px;
}
.deleted-comment {
font-style: italic;
color: gray;
}
#blog-pager-newer-link {
float: left;
}
#blog-pager-older-link {
float: right;
}
#blog-pager {
text-align: center;
padding:5px;
}
.feed-links {
color: #FFFFFF;
clear: both;
}
.comment-form {
max-width: 950px;
}
#ContactForm1
{
display: none ! important;
}
#navbar-iframe {
height: 0;
visibility: hidden;
display: none;
}
.PopularPosts .widget-content ul li {
padding:6px 0px;
}
.reaction-buttons table{
border:none;
margin-bottom:5px;
}
.reaction-buttons table, .reaction-buttons td{
border:none !important;
}
<!-- -->
#Label1 a{
float:left;
display:block;
height:18px;
line-height:18px;
position:relative;
font-size:12px;
margin-bottom: 9px;
margin-left:10px;
padding:2px;
background-color: #3399FF;
color: black;
text-decoration:none;
border: 1px solid #fff;
border-radius:5px;}
#Label1 a:hover{
text-decoration:none;
border: 1px solid #fff;
border-radius:5px;
background-color: #343D46;
color:black;
}
.label-size{line-height:1.5;align:left;}
.h2head-text {margin:-40px 10px 8px 55px;color:#666666;font-family:arial;font-size:13px;}
#Label1{width:220px;;border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: white;}
<!-- -->
#header, body#layout #header {width:50%;display:inline-block;float:left;}
#header-right, body#layout #header-right {width:35%;display:inline-block;float:right;padding:15px;}
#header-right .widget {margin:0;}
<!--moving txt -->
.service-list {
list-style-type: none;
margin-left:0px;
padding-left:0px;
float: left;
display: inline-block;
}
.service-list p {
text-align: right;
margin: 0;
padding: 0;
}
<!--moving txt -->
<!--new social imported-->
.widget_socials .social_wrapper {
padding: 20px 20px 10px;
}
.widget_socials .social_inner {
margin-right: -20px;
}
.widget_socials p {
margin-bottom: 30px;
color: #BEBEBE;
}
.widget_socials a {
background-color: #888888;
background-position: 50% 50%;
background-repeat: no-repeat;
border-radius: 2px;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
float: left;
height: 35px;
margin-bottom: 10px;
margin-right: 10px;
overflow: hidden;
text-indent: 9999em;
width: 35px;
}
.widget_socials a:hover {
background-color: #666666 !important;
}
.widget_socials a.facebook {
background-color: #6F85AE;
background-image: url("https://lh3.googleusercontent.com/-_kVPos-T5rE/VB3MZKDRj5I/AAAAAAAAA3k/INoygpjYZpU/s24-no/facebook.png");
}
.widget_socials a.twitter {
background-color: #23B6C6;
background-image: url("https://lh3.googleusercontent.com/-Hr3hIJxhv_Q/VB3MaUHQXrI/AAAAAAAAA3Y/NhFz4nw2iKg/s24-no/twitter.png");
}
.widget_socials a.flickr {
background-color: #FF0084;
background-image: url("https://lh5.googleusercontent.com/-55tMep6jMi8/VB3MZUOiUcI/AAAAAAAAA3U/r586Z8NLXfs/s24-no/flickr.png");
}
.widget_socials a.rss {
background-color: #FA7204;
background-image: url("https://lh4.googleusercontent.com/-EbEXnpN-RIs/UcPyCZPXClI/AAAAAAAAB8Q/IDEpJmzqkuU/s24/rss.png");
}
.widget_socials a.youtube {
background-color: #DD3D3D;
background-image: url("https://lh4.googleusercontent.com/-AJ1D2OaHBS4/VB3MawsL_gI/AAAAAAAAA3c/JrWBhl9PbnM/s24-no/youtube.png");
}
.widget_socials a.google_plus {
background-color: #DD3D3D;
background-image: url("https://lh3.googleusercontent.com/-MgJ9ddMR6Ec/VB3MZGZ4TuI/AAAAAAAAA3E/Aqa08TqhAX8/s24-no/google%2B.png");
}
.widget_socials a.pinterest {
background-color: #C9242D;
background-image: url("https://lh6.googleusercontent.com/-1zpf8GEDbLA/VB3MZ1pd_gI/AAAAAAAAA3o/fyygGVMXctw/s24-no/pinterest.png");
}
<!--new social imported-->
/*--- Popular Posts --- */
.popular-posts ul{padding-left:0px;}
.popular-posts ul li {background: #6699FF url(https://lh6.googleusercontent.com/-O_UCKmcY344/VB-4MI46vsI/AAAAAAAAA9U/VBt_Kq5OzuQ/h120/26ww1.gif) no-repeat scroll 5px 10px;
list-style-type: none;
margin:0 0 5px 0px;
padding:5px 5px 5px 20px !important;
border: 1px solid #ddd;
border-radius:10px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
}
.popular-posts ul li:hover {
border:1px solid #000000;
}
.popular-posts ul li a:hover {
text-decoration:none;
}
/*--- Popular Posts --- */
<!-- follow by e -->
.FollowByEmail .follow-by-email-inner .follow-by-email-address {
width: 100%;
height: 12px;
font-size: 13px;
padding: 2px;
text-transform: inherit;
background: #0092D6;
border: 0;
outline: 0;
box-shadow: 5px;
color: #6699FF;
}
.FollowByEmail .follow-by-email-inner .follow-by-email-submit {
width: 50px;
margin: 0;
margin-left: 8px;
border: 0;
-moz-border-radius: 2px;
background: #000000;
color: #FFF;
cursor: pointer;
font-size: 12px;
height: 26px;
z-index: 0;
padding: 2px;
box-shadow: none;
}
.follow-by-email-submit a:hover {
background-color: #FF0000;
<!-- follow by e -->
#Followers1 {
color:#FFFFFF;
}

--></style>
<style>
/* Primary  sidebars */
#sidebar-primary {
	width: 100px;
    display:none;
	float: left ; 
	}
.wc-aboutauthor{
float:left;
width:1200px;
height:100px;
padding:7px;
padding-top:px;
border:1px solid #ccc;
margin-bottom:15px;
margin-top:15px;
background:url('https://lh4.googleusercontent.com/-utOqFHhyItY/VBAiPUW652I/AAAAAAAAAmk/Q9B4eoLYlhM/h120/backgrounds.png');
color:#444444;
-webkit-box-shadow:0px 0px 10px  rgba(0, 0, 0, .3);
-moz-box-shadow:0px 0px 10px  rgba(0, 0, 0, .3);
box-shadow:0px 0px 10px  rgba(0, 0, 0, .3);
}

/* Content */
#contentbwrap {
    margin: 0px 0px 10px 0px;
    float: left;
    width: 1280px;
}
  </style>
<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js' type='text/javascript'></script>
<script type='text/javascript'>
//<![CDATA[

/*! jQuery Migrate v1.2.1 | (c) 2005, 2013 jQuery Foundation, Inc. and other contributors | jquery.org/license */
jQuery.migrateMute===void 0&&(jQuery.migrateMute=!0),function(e,t,n){function r(n){var r=t.console;i[n]||(i[n]=!0,e.migrateWarnings.push(n),r&&r.warn&&!e.migrateMute&&(r.warn("JQMIGRATE: "+n),e.migrateTrace&&r.trace&&r.trace()))}function a(t,a,i,o){if(Object.defineProperty)try{return Object.defineProperty(t,a,{configurable:!0,enumerable:!0,get:function(){return r(o),i},set:function(e){r(o),i=e}}),n}catch(s){}e._definePropertyBroken=!0,t[a]=i}var i={};e.migrateWarnings=[],!e.migrateMute&&t.console&&t.console.log&&t.console.log("JQMIGRATE: Logging is active"),e.migrateTrace===n&&(e.migrateTrace=!0),e.migrateReset=function(){i={},e.migrateWarnings.length=0},"BackCompat"===document.compatMode&&r("jQuery is not compatible with Quirks Mode");var o=e("<input/>",{size:1}).attr("size")&&e.attrFn,s=e.attr,u=e.attrHooks.value&&e.attrHooks.value.get||function(){return null},c=e.attrHooks.value&&e.attrHooks.value.set||function(){return n},l=/^(?:input|button)$/i,d=/^[238]$/,p=/^(?:autofocus|autoplay|async|checked|controls|defer|disabled|hidden|loop|multiple|open|readonly|required|scoped|selected)$/i,f=/^(?:checked|selected)$/i;a(e,"attrFn",o||{},"jQuery.attrFn is deprecated"),e.attr=function(t,a,i,u){var c=a.toLowerCase(),g=t&&t.nodeType;return u&&(4>s.length&&r("jQuery.fn.attr( props, pass ) is deprecated"),t&&!d.test(g)&&(o?a in o:e.isFunction(e.fn[a])))?e(t)[a](i):("type"===a&&i!==n&&l.test(t.nodeName)&&t.parentNode&&r("Can't change the 'type' of an input or button in IE 6/7/8"),!e.attrHooks[c]&&p.test(c)&&(e.attrHooks[c]={get:function(t,r){var a,i=e.prop(t,r);return i===!0||"boolean"!=typeof i&&(a=t.getAttributeNode(r))&&a.nodeValue!==!1?r.toLowerCase():n},set:function(t,n,r){var a;return n===!1?e.removeAttr(t,r):(a=e.propFix[r]||r,a in t&&(t[a]=!0),t.setAttribute(r,r.toLowerCase())),r}},f.test(c)&&r("jQuery.fn.attr('"+c+"') may use property instead of attribute")),s.call(e,t,a,i))},e.attrHooks.value={get:function(e,t){var n=(e.nodeName||"").toLowerCase();return"button"===n?u.apply(this,arguments):("input"!==n&&"option"!==n&&r("jQuery.fn.attr('value') no longer gets properties"),t in e?e.value:null)},set:function(e,t){var a=(e.nodeName||"").toLowerCase();return"button"===a?c.apply(this,arguments):("input"!==a&&"option"!==a&&r("jQuery.fn.attr('value', val) no longer sets properties"),e.value=t,n)}};var g,h,v=e.fn.init,m=e.parseJSON,y=/^([^<]*)(<[\w\W]+>)([^>]*)$/;e.fn.init=function(t,n,a){var i;return t&&"string"==typeof t&&!e.isPlainObject(n)&&(i=y.exec(e.trim(t)))&&i[0]&&("<"!==t.charAt(0)&&r("$(html) HTML strings must start with '<' character"),i[3]&&r("$(html) HTML text after last tag is ignored"),"#"===i[0].charAt(0)&&(r("HTML string cannot start with a '#' character"),e.error("JQMIGRATE: Invalid selector string (XSS)")),n&&n.context&&(n=n.context),e.parseHTML)?v.call(this,e.parseHTML(i[2],n,!0),n,a):v.apply(this,arguments)},e.fn.init.prototype=e.fn,e.parseJSON=function(e){return e||null===e?m.apply(this,arguments):(r("jQuery.parseJSON requires a valid JSON string"),null)},e.uaMatch=function(e){e=e.toLowerCase();var t=/(chrome)[ \/]([\w.]+)/.exec(e)||/(webkit)[ \/]([\w.]+)/.exec(e)||/(opera)(?:.*version|)[ \/]([\w.]+)/.exec(e)||/(msie) ([\w.]+)/.exec(e)||0>e.indexOf("compatible")&&/(mozilla)(?:.*? rv:([\w.]+)|)/.exec(e)||[];return{browser:t[1]||"",version:t[2]||"0"}},e.browser||(g=e.uaMatch(navigator.userAgent),h={},g.browser&&(h[g.browser]=!0,h.version=g.version),h.chrome?h.webkit=!0:h.webkit&&(h.safari=!0),e.browser=h),a(e,"browser",e.browser,"jQuery.browser is deprecated"),e.sub=function(){function t(e,n){return new t.fn.init(e,n)}e.extend(!0,t,this),t.superclass=this,t.fn=t.prototype=this(),t.fn.constructor=t,t.sub=this.sub,t.fn.init=function(r,a){return a&&a instanceof e&&!(a instanceof t)&&(a=t(a)),e.fn.init.call(this,r,a,n)},t.fn.init.prototype=t.fn;var n=t(document);return r("jQuery.sub() is deprecated"),t},e.ajaxSetup({converters:{"text json":e.parseJSON}});var b=e.fn.data;e.fn.data=function(t){var a,i,o=this[0];return!o||"events"!==t||1!==arguments.length||(a=e.data(o,t),i=e._data(o,t),a!==n&&a!==i||i===n)?b.apply(this,arguments):(r("Use of jQuery.fn.data('events') is deprecated"),i)};var j=/\/(java|ecma)script/i,w=e.fn.andSelf||e.fn.addBack;e.fn.andSelf=function(){return r("jQuery.fn.andSelf() replaced by jQuery.fn.addBack()"),w.apply(this,arguments)},e.clean||(e.clean=function(t,a,i,o){a=a||document,a=!a.nodeType&&a[0]||a,a=a.ownerDocument||a,r("jQuery.clean() is deprecated");var s,u,c,l,d=[];if(e.merge(d,e.buildFragment(t,a).childNodes),i)for(c=function(e){return!e.type||j.test(e.type)?o?o.push(e.parentNode?e.parentNode.removeChild(e):e):i.appendChild(e):n},s=0;null!=(u=d[s]);s++)e.nodeName(u,"script")&&c(u)||(i.appendChild(u),u.getElementsByTagName!==n&&(l=e.grep(e.merge([],u.getElementsByTagName("script")),c),d.splice.apply(d,[s+1,0].concat(l)),s+=l.length));return d});var Q=e.event.add,x=e.event.remove,k=e.event.trigger,N=e.fn.toggle,T=e.fn.live,M=e.fn.die,S="ajaxStart|ajaxStop|ajaxSend|ajaxComplete|ajaxError|ajaxSuccess",C=RegExp("\\b(?:"+S+")\\b"),H=/(?:^|\s)hover(\.\S+|)\b/,A=function(t){return"string"!=typeof t||e.event.special.hover?t:(H.test(t)&&r("'hover' pseudo-event is deprecated, use 'mouseenter mouseleave'"),t&&t.replace(H,"mouseenter$1 mouseleave$1"))};e.event.props&&"attrChange"!==e.event.props[0]&&e.event.props.unshift("attrChange","attrName","relatedNode","srcElement"),e.event.dispatch&&a(e.event,"handle",e.event.dispatch,"jQuery.event.handle is undocumented and deprecated"),e.event.add=function(e,t,n,a,i){e!==document&&C.test(t)&&r("AJAX events should be attached to document: "+t),Q.call(this,e,A(t||""),n,a,i)},e.event.remove=function(e,t,n,r,a){x.call(this,e,A(t)||"",n,r,a)},e.fn.error=function(){var e=Array.prototype.slice.call(arguments,0);return r("jQuery.fn.error() is deprecated"),e.splice(0,0,"error"),arguments.length?this.bind.apply(this,e):(this.triggerHandler.apply(this,e),this)},e.fn.toggle=function(t,n){if(!e.isFunction(t)||!e.isFunction(n))return N.apply(this,arguments);r("jQuery.fn.toggle(handler, handler...) is deprecated");var a=arguments,i=t.guid||e.guid++,o=0,s=function(n){var r=(e._data(this,"lastToggle"+t.guid)||0)%o;return e._data(this,"lastToggle"+t.guid,r+1),n.preventDefault(),a[r].apply(this,arguments)||!1};for(s.guid=i;a.length>o;)a[o++].guid=i;return this.click(s)},e.fn.live=function(t,n,a){return r("jQuery.fn.live() is deprecated"),T?T.apply(this,arguments):(e(this.context).on(t,this.selector,n,a),this)},e.fn.die=function(t,n){return r("jQuery.fn.die() is deprecated"),M?M.apply(this,arguments):(e(this.context).off(t,this.selector||"**",n),this)},e.event.trigger=function(e,t,n,a){return n||C.test(e)||r("Global events are undocumented and deprecated"),k.call(this,e,t,n||document,a)},e.each(S.split("|"),function(t,n){e.event.special[n]={setup:function(){var t=this;return t!==document&&(e.event.add(document,n+"."+e.guid,function(){e.event.trigger(n,null,t,!0)}),e._data(this,n,e.guid++)),!1},teardown:function(){return this!==document&&e.event.remove(document,n+"."+e._data(this,n)),!1}}})}(jQuery,window);

//]]>
</script>
<script type='text/javascript'>
//<![CDATA[

jQuery.noConflict();
jQuery(document).ready(function() {
var blloc = window.location.href;
jQuery("#menu-primary-items li a").each(function() {
  var blloc2 = jQuery(this).attr('href');
  if(blloc2 == blloc) {
     jQuery(this).parent('li').addClass('current-menu-item');
  }
});
});

//]]>
</script>
<script type='text/javascript'>
//<![CDATA[

function showrecentcomments(json){for(var i=0;i<a_rc;i++){var b_rc=json.feed.entry[i];var c_rc;if(i==json.feed.entry.length)break;for(var k=0;k<b_rc.link.length;k++){if(b_rc.link[k].rel=='alternate'){c_rc=b_rc.link[k].href;break;}}c_rc=c_rc.replace("#","#comment-");var d_rc=c_rc.split("#");d_rc=d_rc[0];var e_rc=d_rc.split("/");e_rc=e_rc[5];e_rc=e_rc.split(".html");e_rc=e_rc[0];var f_rc=e_rc.replace(/-/g," ");f_rc=f_rc.link(d_rc);var g_rc=b_rc.published.$t;var h_rc=g_rc.substring(0,4);var i_rc=g_rc.substring(5,7);var j_rc=g_rc.substring(8,10);var k_rc=new Array();k_rc[1]="Jan";k_rc[2]="Feb";k_rc[3]="Mar";k_rc[4]="Apr";k_rc[5]="May";k_rc[6]="Jun";k_rc[7]="Jul";k_rc[8]="Aug";k_rc[9]="Sep";k_rc[10]="Oct";k_rc[11]="Nov";k_rc[12]="Dec";if("content" in b_rc){var l_rc=b_rc.content.$t;}else if("summary" in b_rc){var l_rc=b_rc.summary.$t;}else var l_rc="";var re=/<\S[^>]*>/g;l_rc=l_rc.replace(re,"");if(m_rc==true)document.write('On '+k_rc[parseInt(i_rc,10)]+' '+j_rc+' ');document.write('<a href="'+c_rc+'">'+b_rc.author[0].name.$t+'</a> commented');if(n_rc==true)document.write(' on '+f_rc);document.write(': ');if(l_rc.length<o_rc){document.write('<i>&#8220;');document.write(l_rc);document.write('&#8221;</i><br/><br/>');}else{document.write('<i>&#8220;');l_rc=l_rc.substring(0,o_rc);var p_rc=l_rc.lastIndexOf(" ");l_rc=l_rc.substring(0,p_rc);document.write(l_rc+'&hellip;&#8221;</i>');document.write('<br/><br/>');}}}

function rp(json){document.write('<ul>');for(var i=0;i<numposts;i++){document.write('<li>');var entry=json.feed.entry[i];var posttitle=entry.title.$t;var posturl;if(i==json.feed.entry.length)break;for(var k=0;k<entry.link.length;k++){if(entry.link[k].rel=='alternate'){posturl=entry.link[k].href;break}}posttitle=posttitle.link(posturl);var readmorelink="(more)";readmorelink=readmorelink.link(posturl);var postdate=entry.published.$t;var cdyear=postdate.substring(0,4);var cdmonth=postdate.substring(5,7);var cdday=postdate.substring(8,10);var monthnames=new Array();monthnames[1]="Jan";monthnames[2]="Feb";monthnames[3]="Mar";monthnames[4]="Apr";monthnames[5]="May";monthnames[6]="Jun";monthnames[7]="Jul";monthnames[8]="Aug";monthnames[9]="Sep";monthnames[10]="Oct";monthnames[11]="Nov";monthnames[12]="Dec";if("content"in entry){var postcontent=entry.content.$t}else if("summary"in entry){var postcontent=entry.summary.$t}else var postcontent="";var re=/<\S[^>]*>/g;postcontent=postcontent.replace(re,"");document.write(posttitle);if(showpostdate==true)document.write(' - '+monthnames[parseInt(cdmonth,10)]+' '+cdday);if(showpostsummary==true){if(postcontent.length<numchars){document.write(postcontent)}else{postcontent=postcontent.substring(0,numchars);var quoteEnd=postcontent.lastIndexOf(" ");postcontent=postcontent.substring(0,quoteEnd);document.write(postcontent+'...'+readmorelink)}}document.write('</li>')}document.write('</ul>')}

//]]>
</script>
<!-- Go to www.addthis.com/dashboard to customize your tools -->
<script src='//s7.addthis.com/js/300/addthis_widget.js#pubid=ra-541b281d7d52ae67' type='text/javascript'></script>
<script type='text/javascript'>
summary_noimg = 400;
summary_img = 300;
img_thumb_height = 150;
img_thumb_width = 200; 
</script>
<script type='text/javascript'>
//<![CDATA[

function removeHtmlTag(strx,chop){ 
	if(strx.indexOf("<")!=-1)
	{
		var s = strx.split("<"); 
		for(var i=0;i<s.length;i++){ 
			if(s[i].indexOf(">")!=-1){ 
				s[i] = s[i].substring(s[i].indexOf(">")+1,s[i].length); 
			} 
		} 
		strx =  s.join(""); 
	}
	chop = (chop < strx.length-1) ? chop : strx.length-2; 
	while(strx.charAt(chop-1)!=' ' && strx.indexOf(' ',chop)!=-1) chop++; 
	strx = strx.substring(0,chop-1); 
	return strx+'...'; 
}

function createSummaryAndThumb(pID){
	var div = document.getElementById(pID);
	var imgtag = "";
	var img = div.getElementsByTagName("img");
	var summ = summary_noimg;
	if(img.length>=1) {	
		imgtag = '<img src="'+img[0].src+'" class="pbtthumbimg"/>';
		summ = summary_img;
	}
	
	var summary = imgtag + '<div>' + removeHtmlTag(div.innerHTML,summ) + '</div>';
	div.innerHTML = summary;
}

//]]>
</script>
<!--related post-->
<style>
#related-posts {
float: left;
width: 650px;
border-bottom: 2px solid #303030;
height: 290px;
}
#related-posts h2 {
margin-top: 50px;
border-bottom: 0px;
border-top: 2px solid #303030;
padding-top: 20px;
margin-bottom: 10px;
margin-left: 3px;
color: #666;
font-size: 16px;
}
</style>
<!--related post-->
<script type="text/javascript">var a="indexOf",b="&m=1",e="(^|&)m=",f="?",g="?m=1";function h(){var c=window.location.href,d=c.split(f);switch(d.length){case 1:return c+g;case 2:return 0<=d[1].search(e)?null:c+b;default:return null}}var k=navigator.userAgent;if(-1!=k[a]("Mobile")&&-1!=k[a]("WebKit")&&-1==k[a]("iPad")||-1!=k[a]("Opera Mini")||-1!=k[a]("IEMobile")){var l=h();l&&window.location.replace(l)};
</script><script type="text/javascript">
if (window.jstiming) window.jstiming.load.tick('headEnd');
</script></head>
<body>
<div id='container'>
<div class='menu-container' id='menu-primary'>
<div class='wrapbwrap'>
<style id='page-skin-1' type='text/css'>

/* -------navigation11 menu11 with search starts----- */
#primary-menu1111
{
position:fixed;
top:0;
left:0;
/*margin-top:-30px;*/
width:100%;
background:#222222;
z-index:99999999999;
height:50px;
box-shadow:1px 1px 4px  #444444;
-moz-box-box-shadow:1px 1px 4px  #444444;
-web-kit-box-shadow:1px 1px 4px  #444444;
-goog-ms-box-shadow:1px 1px 4px  #444444;
}
#navigation11{
width:1000px;
widfth:90%;
height:50px;
display:block;
padding:0;
margin-left:auto;
margin-right:auto;
background:#3399FF;
}
#menu11{
float:left;
width:750px;
height:50px;
display:block;
padding:0;
margin:0;
}
#menu11 ul{
float:left;
margin:0;
padding:0;
}
#menu11 li{
float:left;
list-style:none;
line-height:50px;
margin:0;
padding:0
}
#menu11 li a, #menu11 li a:link{
color:#fff;
display:block;
margin:0;
padding:0 10px;
text-decoration:none;
font-size:15px;
font-family:Francois One, Helvetica,Arial;
}
#menu11 li a:hover, #menu11 li a:active, #menu11 .current_page_item a  {
color:#fff;
padding:0 10px;
background:#FF1919;
}
#menu11 li li a, #menu11 li li a:link, #menu11 li li a:visited{
background:#009900;
color: #fff;
width: 150px;
margin: 0;
padding: 0px 10px;
line-height:30px;
position: relative;
border-top:1px solid #FFFFFF;
}
#menu11 li li a:hover, #menu11 li li a:active {
background:#3399FF;
border-radius:0px;
color: #fff;
}
#menu11 li ul{
z-index:9999;
position:absolute;
left:-999em;
height:auto;
width:170px;
margin:0px;
padding:0px
}
#menu11 li:hover ul, #menu11 li li:hover ul, #menu11 li li li:hover ul, #menu11 li.sfhover ul, #topmenu11 li li.sfhover ul, #topmenu11 li li li.sfhover ul{
left:auto
}
#menu11 li:hover, #menu11 li.sfhover{
position:static
}
#btemplates-link a
{
background:#CC66FF;
}
#services-link a
{
background:#990099;
}
/* === Search Form === */
#search {
float:right;
width:180px;
padding:0px 0px ;
margin:13px 12px 0px 0px;
.margin:8px 10px 0px 0px;
background:#fff;
border-radius:3px;
}
#search form {
margin: 0;
margin-right:3px;
padding: 0;
}
#search fieldset {
margin: 0;
padding: 0;
border: none;
}
#search p {
margin: 0;
font-size:12px;
}
#s {
width:145px;
margin:0;
padding:3px 5px;
height:18px;
color:#444;
background:#fff;
float:left;
border:none;
display:inline;
border-radius:3px;
}
input#searchsubmit11{
background:url('https://lh3.googleusercontent.com/-F2lWne6uKyg/VEFaw3BahYI/AAAAAAAABTI/lZXIrBqIYnQ/h120/Icon_35-128_22x22.png');
float:right;
display:inline;
margin:2px 5px 0px 0px;
height:21px;
margin-top:1px;
margin-right:1px;
width:21px;
color:#fff;
border:none;
background-color:white;
border-radius:4px;
text-indent:-9999px;
.font-size: 0;
.display:block;
.line-height: 0;
}

input#searchsubmit11:hover{
background-color:#99CCFF;

  }

</style>
<!-- naviagtion menu11 with search box starts-->
<div id='primary-menu1111'>
<div id='navigation11'>
<div id='menu11'>
<ul>
<li>
<a href='http://htmleditor32.blogspot.com/' style='background:#9900FF;border:none;font-weight:bold;margin-right:50px;color:#ffffff;text-shadow:#64665b 0px 1px 1px;;font-size:26px;font-family:Francois One, Helvetica,Arial;'>
                WEBCONTENT
              </a>
</li>
<li><a href='#'>Categories &#187;</a>
<ul>
<li>
<a href='#'>
               Blogger
              </a>
</li>
<li>
<a href='#'>
                    Blogging Tips
                  </a>
</li>
<li>
<a href='#'>
                    Make money online
                  </a>
</li>
<li>
<a href='#'>
                    Blogger widgets
                  </a>
</li>
<li>
<a href='#'>
                    Wordpress
                  </a>
</li>
<li>
<a href='#'>
                    Template guides
                  </a>
</li>
<li>
<a href='#'>
                Internet Tips
              </a>
</li>
<li>
<a href='#'>
                SEO
              </a>
</li>
<li>
<a href='#'>
                Social Media
              </a>
</li>
</ul>
</li>
<li>
<a href='#'>
                Tools &#187;
              </a>
<ul>
<li>
<a href='#'>
                    HTML Editor
                  </a>
</li>
<li>
<a href='#'>
                    Meta Tag generator
                  </a>
</li>
<li>
<a href='#'>
                    Blogger Sitemap
                  </a>
</li>
</ul>
</li>
<li id='btemplates-link'>
<a href='#'>
                Blogger Templates
               </a></li>
<li>
<a href='#'>
                Contact
              </a>
</li>
<li id='services-link'>
<a href='#'>
                Hire us
              </a>
</li>
</ul>
</div>
<div id='search'>
<form action='http://www.webco32.blogspot.com/search/' id='searchform' method='get'>
<input id='s' name='q' onblur='if (this.value == "") {this.value = "Search this site...";}' onfocus='if (this.value == "Search this site...") {this.value = ""}' type='text' value='Search this site...'/>
<input id='searchsubmit11' type='submit' value='search'/>
</form>
</div>
</div>
</div>
<!--navigation11 menu11 with search ends-->
<div class='menu'>
<div class='nbttopmenutop section' id='nbttopmenutop'></div>
</div>
</div>
</div><!-- #menu-primary .menu-container -->
<div id='headerbwrap'>
<div class='wrapbwrap'>
<div id='branding'>
<div id='blogtitle'>
<div class='headersec section' id='headersec'><div class='widget Header' id='Header1'>
<div id='header-inner'>
<div class='titlewrapper'>
<h1 class='site-title'>
<a href='http://htmleditor32.blogspot.com/'>Online Html Editor</a>
</h1>
</div>
<h2 class='site-description'>
</h2>
</div>
</div></div>
</div>
</div><!-- #branding -->
<div class='adv section' id='headeradsec'>
</div>
</div><!-- .wrap -->
</div><!-- #header -->
<div class='menu-container' id='menu-secondary'>
<div class='wrapbwrap'>
<div class='menu'>
<ul id='menu-secondary-items'>
<li><a href='http://htmleditor32.blogspot.com/'>Home</a></li>
<li><a href='http://webco32.blogspot.com/search/label/Poetry'>Blogging &#8226;</a>
<ul class='sub-menu'>
<li><a href='http://webco32.blogspot.com/search/label/Blogger%20Widgets'>Blogger Widgets</a></li>
<li><a href='#'></a></li>
<li><a href='#'></a></li>
</ul>
</li>
<li><a href='#'>Poetry &#8226;</a>
<ul class='sub-menu'>
<li><a href='#'>Iqbal</a></li>
<li><a href='#'>Wasi</a></li>
<li><a href='#'>Other</a></li>
</ul>
</li>
<li><a href='#'>Downloads &#8226;</a>
<ul class='sub-menu'>
<li><a href='#'>Dvd</a></li>
<li><a href='#'>Games</a></li>
<li><a href='#'>Software &#8226;</a>
<ul class='sub-menu'>
<li><a href='#'>Office</a>
</li>
</ul>
</li>
</ul>
</li>
<li><a href='#'>Pic's &#8226;</a>
<ul class='sub-menu'>
<li><a href='#'>Nature &#8226;</a>
<ul class='sub-menu'>
<li><a href='#'>Flowers</a></li>
<li><a href='#'>Greenery</a></li>
<li><a href='#'>Roses</a></li>
</ul>
</li>
<li><a href='#'>Child &#8226; </a>
<ul class='sub-menu'>
<li><a href='#'>Sub Child </a></li>
<li><a href='#'>Sub Child </a></li>
<li><a href='#'>Sub Child </a></li>
</ul>
</li>
<li><a href='#'>Child </a></li>
<li><a href='#'>Child </a></li>
<li><a href='#'>Child </a></li>
</ul>
</li>
<li><a href='#'>Featured</a></li>
<li><a href='#'>Health &#8226;</a>
<ul class='sub-menu'>
<li><a href='#'>Childcare</a></li>
<li><a href='#'>Doctors</a></li>
</ul>
</li>
<li><a href='http://webco32.blogspot.com/p/blog-page_16.html'>About &#8226;</a>
<ul class='sub-menu'>
<li><a href='http://webco32.blogspot.com/p/suscribe-us.html'>Subscribe us</a></li>
<li><a href='#'></a></li>
<li><a href='http://webco32.blogspot.com/p/blog-page.html'>About us</a></li>
</ul>
</li>
</ul>
<style>
#nbc-searchexpandboxe1
{
float:right;
padding:3px;
margin-top:15px;
}
#nbc-searchexpandsubmite1
{
border:1px solid #66FF33;
border-radius: 0px 10px 10px 0px;
background: #66FF33;
padding:2px;
margin-left: 2px;
text-align:center;
color:#000000;
font:12px verdana;
}
#nbc-searchexpandinpute1
{margin-right:-4px;
-moz-border-radius: 10px;
-khtml-border-radius: 10px;
-webkit-border-radius: 10px;
border:2px solid #FFFFFF;
border-radius: 10px 0px 0px 10px;
background:#ffffff;
padding:2px;
color:#888888;
font:12px verdana;
transition: width 2s;
-webkit-transition: width 2s; /* Safari */
-o-transition: width 2s; /* Opera*/
-moz-transition: width 2s; /* firefox*/
width:70px;
}
#nbc-searchexpandsubmite1:hover{
border:1px solid #FF0000;
background: #FF0000;
color:#FFFFFF;
}

#nbc-searchexpandinpute1:hover
{
width:125px;
}
</style>
<div id='nbc-searchexpand1'>
<form action='http://webco32.blogspot.com/search' id='nbc-searchexpandboxe1' method='get' name='input'>
<input id='nbc-searchexpandinpute1' name='q' onblur='if (this.value == "") {this.value = "Search";}' onfocus='if (this.value == "Search") {this.value = ""}' type='text' value=''/><input id='nbc-searchexpandsubmite1' type='submit' value='Search'/>
</form>
</div>
</div>
</div>
</div><!-- #menu-secondary .menu-container -->
<!-- New widgets container Start -->
<div class='NewContainer section' id='NewContainer'></div>
<!-- New widgets container End -->
<div id='mainbwrap'>
<div class='wrapbwrap'>
<div id='contentbwrap'>
<div class='mainblogsec section' id='mainblogsec'><div class='widget Blog' id='Blog1'>
<div class='blog-posts hfeed'>
<!-- google_ad_section_start(name=default) -->

          <div class="date-outer">
        

          <div class="date-posts">
        
<div class='post-outer'>
<div class='post hentry'>
<a name='4526434124739487753'></a>
<div class='bposttitle'>
<h2 class='post-title entry-title'>
<a href='http://htmleditor32.blogspot.com/p/online-html-editor.html'>Online Html Editor</a>
</h2>
</div>
<div class='post-header-line-1'></div>
<div class='post-body entry-content'>
<div dir="ltr" style="text-align: left;" trbidi="on">
<style type="text/css">


.devhtml {
 color: #222222; font-size: 14px;  font-family: verdana, arial, sans-serif; 
margin-left:20px;
}



.previewoutput
{
margin-top:10px;
margin-left:10px;
padding:5px;
font:16px verdana, georgia, arial;
color:#ffffff;
background:#222222;
border:1px solid #222222;
border-radius:2px;
}
.previewoutput:hover{
     background: #383;
}
.clearscreen
{
margin-top:10px;
margin-left:10px;
font:16px verdana, georgia, arial;
padding:5px;
color:#ffffff;
background:#222222;
border:1px solid #222222;
border-radius:2px;
}
.clearscreen:hover{
     background: #383;
}
.main-edit
{
margin-top:-20px;
margin-left:-20px;
}
h1.hepost-title  {
display:inline;
margin-left:0px;
background-color:#00ff00;
border-radius:5px 5px 5px 5px;
color:#333;font-family:Francois One,Helvetica,Arial;font-weight:bold;line-height:1.1em;padding-bottom:5px;text-shadow:#64665b 0px 2px 1px;;font-size:32px;
}
h1.hepost-title:hover {
color:#FFFFFF;
}
.hepost-title a
{
color:#333333;
}
</style>


<br />
<h1 class="hepost-title heentry-title" itemprop="name" onclick="location.href='http://webco32.blogspot.com/p/html-editor.html'" style="cursor: pointer">
Online HTML Editor: Test your code(HTML) here!
</h1>
<body>

<table border="0" cellpadding="0" cellspacing="0" class="main-edit" style="background: #fff; width: 100%px; margin-left:-20px; ">
<tr>
    <td><br />

   <table style="background: #222222; border: solid 1px #cccccc; padding: 1px; width: 1200px; margin-left:-20px; margin-top:10px;">
<tr><td valign="top">
<form method="post" name="form1">
  <textarea class="devhtml" name="htmlcode" onclick="focus(this.htmlcode)" style="border: solid 2px #cccccc; height: 500px; padding: 5px; scroll: auto; width: 440px;">

Paste your (HTML) code here</textarea>
</form>
</td><td valign="top">
<iframe frameborder="0" name="preview" src="about:blank" style="background: #ffffff; border: solid 2px #cccccc; height: 500px; padding: 5px; width: 700px;">
</iframe>
</td>
</tr>
</table>
<button class="previewoutput" onclick="preview.document.write (document.getElementsByTagName ('TEXTAREA')[0].value); preview.document.close(); preview.focus()">
 Preview</button>
<button class="clearscreen" onclick="window.document.form1.htmlcode.value='';preview.document.write (document.getElementsByTagName ('TEXTAREA')[0].value); preview.document.close(); preview.focus()">
Clear </button>
</td>
  </tr>
</table>
</body>
</div>
<style>
.wc-aboutauthor{
float:left;
width:980px;
height:100px;
padding:7px;
padding-top:px;
border:1px solid #ccc;
margin-bottom:15px;
margin-top:15px;
background:url('https://lh4.googleusercontent.com/-utOqFHhyItY/VBAiPUW652I/AAAAAAAAAmk/Q9B4eoLYlhM/h120/backgrounds.png');
color:#444444;
-webkit-box-shadow:0px 0px 10px  rgba(0, 0, 0, .3);
-moz-box-shadow:0px 0px 10px  rgba(0, 0, 0, .3);
box-shadow:0px 0px 10px  rgba(0, 0, 0, .3);
}
.wc-aboutauthor h2
{
color:#b6e026;font-family:Helvetica,Arial;font-weight:bold;text-shadow:#64665b 0px 1px 1px;font-size:24px;margin-bottom:-6px;
margin-top:2px;

}
.wc-aboutpic{
float:right;
margin:0 0 0 10px;
}
.wc-aboutpic img{
height:65px;
width:55px;
margin-top:15px;
margin-right:27px;
border-radius: 4px 4px 4px 4px;
border:1px solid #999999;
-webkit-transition:-webkit-transform .15s linear;
-moz-transition:-moz-transform .15s linear;
-o-transition:-o-transform .15s linear;transition:transform .15s linear;
-webkit-box-shadow:0 3px 6px rgba(0,0,0,.25);
-moz-box-shadow:0 3px 6px rgba(0,0,0,.25);
box-shadow:0 3px 6px rgba(0,0,0,.25);
padding:5px 5px 5px 5px;-webkit-transform:rotate(+5deg);
-moz-transform:rotate(+5deg);-ms-transform:rotate(+5deg);
-o-transform:rotate(+5deg);transform:rotate(+5deg);float:left;
}
.wc-aboutpic img:hover{
background:#FFFFFF;
-webkit-box-shadow:0px 0px 10px  rgba(0, 0, 0, .3);
-moz-box-shadow:0px 0px 10px  rgba(0, 0, 0, .3);
box-shadow:0px 0px 10px  rgba(0, 0, 0, .3);
-webkit-transform:rotate(-1deg);
-moz-transform:rotate(-1deg);
-ms-transform:rotate(-1deg);
-o-transform:rotate(-1deg);
transform:rotate(-1deg);
}
.wc-aboutsoc {
margin-top:5px;
}
.wc-aboutsoc img
{
height:30px;
margin-bottom:-31px;
}

.wc-aboutsoc img:hover { opacity: 0.8; filter: alpha(opacity=30); }

.wc-aboutsoc  p
{
font:13px georgia;
color:#ffffff;
background:#b6e026;
display:inline;
border-radius:5px;
padding:5px;
margin-right:30px;
}
</style>
<br/>
<div class='wc-aboutauthor'>
<div class='wc-aboutpic'>
<img alt='Author image' height='150' src='https://lh3.googleusercontent.com/-3uqrPtGqDE4/U-CkBIFpgVI/AAAAAAAAATs/NpK3tBKK-T8/w513-h519-no/554871_224884637655925_578343583_n.jpg' width='150'/>
</div>
<h2>
Author: Tąyyąß Ismąil</h2>
<div class='wc-aboutsoc'>

Connect with me on : <br/>
<a href='https://www.facebook.com/itayyab0o1'><img src='https://lh5.googleusercontent.com/G-VBM1BRzgVVGE4hIiz0C3nhMaIArF0_UnVeVjS61yk=s45-no' title='Facebook'/></a>
<a href='https://twitter.com/tayyab0o1'>
<img src='https://lh6.googleusercontent.com/-H3AWlqyefuQ/VA9BJHIH3WI/AAAAAAAAAiE/ZbTTLh2ievs/s45-no/icon-45x45.png' title='Twitter'/></a>
<a href='https://plus.google.com/u/0/116894274489883032583'>
<img src='https://lh5.googleusercontent.com/-dNRmJIumjEM/VA88G8-P-PI/AAAAAAAAAhc/MWyYkux1yA8/s45-no/Google-Plus-Icon-45x45.jpg' title='Google plus'/></a></div>
</div>
<div style='clear: both;'></div>
</div>
</div>
<div style='clear: both;'></div>
<div class='comments' id='comments'>
<a name='comments'></a>
<h4>
0
comments:
        
</h4>
<div id='Blog1_comments-block-wrapper'>
<dl class='avatar-comment-indent' id='comments-block'>
</dl>
</div>
<p class='comment-footer'>
<div class='comment-form'>
<a name='comment-form'></a>
<h4 id='comment-post-message'>Post a Comment</h4>
<p>
</p>
<a href='https://www.blogger.com/comment-iframe.g?blogID=438047577586537493&pageID=4526434124739487753' id='comment-editor-src'></a>
<iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' width='100%'></iframe>
<script type="text/javascript" src="https://www.blogger.com/static/v1/jsbin/3995214906-comment_from_post_iframe.js"></script>
<script type='text/javascript'>
      BLOG_CMT_createIframe('https://www.blogger.com/rpc_relay.html', '04256170087504566645');
    </script>
</div>
</p>
<div id='backlinks-container'>
<div id='Blog1_backlinks-container'>
</div>
</div>
</div>
</div>

        </div></div>
      
<!-- google_ad_section_end -->
</div>
<div style='clear: both;'></div>
<div class='blog-pager' id='blog-pager'>
<a class='home-link' href='http://htmleditor32.blogspot.com/'>
<img alt='Home' src='https://lh4.googleusercontent.com/-bwRxvv7zb1k/VD6mbIfxZYI/AAAAAAAABSk/wh6jO1Tmgss/h120/unnamed_50x50.png' style='width:40px;height:40px' title='Home'/></a>
</div>
<div class='clear'></div>
<div class='blog-feeds'>
<div class='feed-links'>
Subscribe to:
<a class='feed-link' href='http://htmleditor32.blogspot.com/feeds/posts/default' target='_blank' type='application/atom+xml'>Posts (Atom)</a>
</div>
</div>
<script type="text/javascript">window.___gcfg = {'lang': 'en'};</script>
</div><div class='widget HTML' id='HTML4'>
<h2 class='title'>Blogger templates</h2>
<div class='widget-content'>
</div>
<div class='clear'></div>
<span class='widget-item-control'>
<span class='item-control blog-admin'>
<a class='quickedit' href='//www.blogger.com/rearrange?blogID=438047577586537493&widgetType=HTML&widgetId=HTML4&action=editWidget&sectionId=mainblogsec' onclick='return _WidgetManager._PopupConfig(document.getElementById("HTML4"));' target='configHTML4' title='Edit'>
<img alt='' height='18' src='http://img1.blogblog.com/img/icon18_wrench_allbkg.png' width='18'/>
</a>
</span>
</span>
<div class='clear'></div>
</div></div>
<div class='clearit'></div>
</div><!-- #content -->
<div class='sidebarbwrap' id='sidebar-primary'>
<div class='sidebar section' id='sidebartop'><div class='widget HTML' id='HTML3'>
<h2 class='title'>Blogger news</h2>
<div class='widget-content'>
</div>
<div class='clear'></div>
<span class='widget-item-control'>
<span class='item-control blog-admin'>
<a class='quickedit' href='//www.blogger.com/rearrange?blogID=438047577586537493&widgetType=HTML&widgetId=HTML3&action=editWidget&sectionId=sidebartop' onclick='return _WidgetManager._PopupConfig(document.getElementById("HTML3"));' target='configHTML3' title='Edit'>
<img alt='' height='18' src='http://img1.blogblog.com/img/icon18_wrench_allbkg.png' width='18'/>
</a>
</span>
</span>
<div class='clear'></div>
</div><div class='widget HTML' id='HTML2'>
<h2 class='title'>Blogroll</h2>
<div class='widget-content'>
</div>
<div class='clear'></div>
<span class='widget-item-control'>
<span class='item-control blog-admin'>
<a class='quickedit' href='//www.blogger.com/rearrange?blogID=438047577586537493&widgetType=HTML&widgetId=HTML2&action=editWidget&sectionId=sidebartop' onclick='return _WidgetManager._PopupConfig(document.getElementById("HTML2"));' target='configHTML2' title='Edit'>
<img alt='' height='18' src='http://img1.blogblog.com/img/icon18_wrench_allbkg.png' width='18'/>
</a>
</span>
</span>
<div class='clear'></div>
</div><div class='widget HTML' id='HTML1'>
<h2 class='title'>About</h2>
<div class='widget-content'>
</div>
<div class='clear'></div>
<span class='widget-item-control'>
<span class='item-control blog-admin'>
<a class='quickedit' href='//www.blogger.com/rearrange?blogID=438047577586537493&widgetType=HTML&widgetId=HTML1&action=editWidget&sectionId=sidebartop' onclick='return _WidgetManager._PopupConfig(document.getElementById("HTML1"));' target='configHTML1' title='Edit'>
<img alt='' height='18' src='http://img1.blogblog.com/img/icon18_wrench_allbkg.png' width='18'/>
</a>
</span>
</span>
<div class='clear'></div>
</div><div class='widget PopularPosts' id='PopularPosts1'>
<h2>Popular Posts</h2>
<div class='widget-content popular-posts'>
<ul>
<li>
<div class='item-content'>
<div class='item-thumbnail'>
<a href='http://htmleditor32.blogspot.com/2014/10/p3.html' target='_blank'>
<img alt='' border='0' height='72' src='http://1.bp.blogspot.com/-X1lINXrmsk0/VCVkI-JE0sI/AAAAAAAABEk/Lo8VM5WlKDk/s72-c/20.jpg' width='72'/>
</a>
</div>
<div class='item-title'><a href='http://htmleditor32.blogspot.com/2014/10/p3.html'>p3</a></div>
<div class='item-snippet'>
</div>
</div>
<div style='clear: both;'></div>
</li>
<li>
<div class='item-content'>
<div class='item-thumbnail'>
<a href='http://htmleditor32.blogspot.com/2014/10/p2.html' target='_blank'>
<img alt='' border='0' height='72' src='http://3.bp.blogspot.com/-5Zpvt0OclP4/VCaNy0k33CI/AAAAAAAABFE/Hj_URJDhx-0/s72-c/182444_Color-Graphics-Abstract-Backgrounds-Vol-1600-1200_1600x1200.jpg' width='72'/>
</a>
</div>
<div class='item-title'><a href='http://htmleditor32.blogspot.com/2014/10/p2.html'>p2</a></div>
<div class='item-snippet'>
</div>
</div>
<div style='clear: both;'></div>
</li>
<li>
<div class='item-content'>
<div class='item-thumbnail'>
<a href='http://htmleditor32.blogspot.com/2014/10/p1.html' target='_blank'>
<img alt='' border='0' height='72' src='http://2.bp.blogspot.com/-tHtT6wxkZWk/VCaOGsWOPrI/AAAAAAAABFM/hGucuR5vfZw/s72-c/10614211_686118794802427_4855016268577555391_n.jpg' width='72'/>
</a>
</div>
<div class='item-title'><a href='http://htmleditor32.blogspot.com/2014/10/p1.html'>p1</a></div>
<div class='item-snippet'>
</div>
</div>
<div style='clear: both;'></div>
</li>
</ul>
<div class='clear'></div>
<span class='widget-item-control'>
<span class='item-control blog-admin'>
<a class='quickedit' href='//www.blogger.com/rearrange?blogID=438047577586537493&widgetType=PopularPosts&widgetId=PopularPosts1&action=editWidget&sectionId=sidebartop' onclick='return _WidgetManager._PopupConfig(document.getElementById("PopularPosts1"));' target='configPopularPosts1' title='Edit'>
<img alt='' height='18' src='http://img1.blogblog.com/img/icon18_wrench_allbkg.png' width='18'/>
</a>
</span>
</span>
<div class='clear'></div>
</div>
</div><div class='widget PlusOne' id='PlusOne1'>
<div class='widget-content'>
<g:plusone annotation='bubble' href='http://htmleditor32.blogspot.com/' size='standard' source='blogger:blog:plusone' width='250'></g:plusone>
<script type='text/javascript'>
      window.___gcfg = {"lang": "en"};
    </script>
</div>
</div><div class='widget Label' id='Label1'>
<h2>Categories</h2>
<div class='widget-content list-label-widget-content'>
<ul>
<li>
<a dir='ltr' href='http://htmleditor32.blogspot.com/search/label/t1'>t1</a>
</li>
<li>
<a dir='ltr' href='http://htmleditor32.blogspot.com/search/label/t2'>t2</a>
</li>
<li>
<a dir='ltr' href='http://htmleditor32.blogspot.com/search/label/t3'>t3</a>
</li>
<li>
<a dir='ltr' href='http://htmleditor32.blogspot.com/search/label/t4'>t4</a>
</li>
</ul>
<div class='clear'></div>
<span class='widget-item-control'>
<span class='item-control blog-admin'>
<a class='quickedit' href='//www.blogger.com/rearrange?blogID=438047577586537493&widgetType=Label&widgetId=Label1&action=editWidget&sectionId=sidebartop' onclick='return _WidgetManager._PopupConfig(document.getElementById("Label1"));' target='configLabel1' title='Edit'>
<img alt='' height='18' src='http://img1.blogblog.com/img/icon18_wrench_allbkg.png' width='18'/>
</a>
</span>
</span>
<div class='clear'></div>
</div>
</div><div class='widget PageList' id='PageList1'>
<h2>Pages</h2>
<div class='widget-content'>
<ul>
<li><a href='http://htmleditor32.blogspot.com/'>Home</a></li>
</ul>
<div class='clear'></div>
<span class='widget-item-control'>
<span class='item-control blog-admin'>
<a class='quickedit' href='//www.blogger.com/rearrange?blogID=438047577586537493&widgetType=PageList&widgetId=PageList1&action=editWidget&sectionId=sidebartop' onclick='return _WidgetManager._PopupConfig(document.getElementById("PageList1"));' target='configPageList1' title='Edit'>
<img alt='' height='18' src='http://img1.blogblog.com/img/icon18_wrench_allbkg.png' width='18'/>
</a>
</span>
</span>
<div class='clear'></div>
</div>
</div>
<div class='widget FollowByEmail' id='FollowByEmail1'>
<h2 class='title'>Follow by Email</h2>
<div class='widget-content'>
<div class='follow-by-email-inner'>
<form action='http://feedburner.google.com/fb/a/mailverify' method='post' onsubmit='window.open("http://feedburner.google.com/fb/a/mailverify?uri=", "popupwindow", "scrollbars=yes,width=550,height=520"); return true' target='popupwindow'>
<table width='100%'>
<tr>
<td>
<input class='follow-by-email-address' name='email' placeholder='Email address...' type='text'/>
</td>
<td width='64px'>
<input class='follow-by-email-submit' type='submit' value='Submit'/>
</td>
</tr>
</table>
<input name='uri' type='hidden' value=''/>
<input name='loc' type='hidden' value='en_US'/>
</form>
</div>
</div>
<span class='item-control blog-admin'>
<div class='clear'></div>
<span class='widget-item-control'>
<span class='item-control blog-admin'>
<a class='quickedit' href='//www.blogger.com/rearrange?blogID=438047577586537493&widgetType=FollowByEmail&widgetId=FollowByEmail1&action=editWidget&sectionId=sidebartop' onclick='return _WidgetManager._PopupConfig(document.getElementById("FollowByEmail1"));' target='configFollowByEmail1' title='Edit'>
<img alt='' height='18' src='http://img1.blogblog.com/img/icon18_wrench_allbkg.png' width='18'/>
</a>
</span>
</span>
<div class='clear'></div>
</span>
</div><div class='widget Navbar' id='Navbar1'><script type="text/javascript">
    function setAttributeOnload(object, attribute, val) {
      if(window.addEventListener) {
        window.addEventListener('load',
          function(){ object[attribute] = val; }, false);
      } else {
        window.attachEvent('onload', function(){ object[attribute] = val; });
      }
    }
  </script>
<div id="navbar-iframe-container"></div>
<script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script>
<script type="text/javascript">
        gapi.load("gapi.iframes:gapi.iframes.style.bubble", function() {
          if (gapi.iframes && gapi.iframes.getContext) {
            gapi.iframes.getContext().openChild({
                url: 'https://www.blogger.com/navbar.g?targetBlogID\075438047577586537493\46blogName\75Online+Html+Editor\46publishMode\75PUBLISH_MODE_BLOGSPOT\46navbarType\75LIGHT\46layoutType\75LAYOUTS\46searchRoot\75http://htmleditor32.blogspot.com/search\46blogLocale\75en\46v\0752\46homepageUrl\75http://htmleditor32.blogspot.com/\46targetPageID\0754526434124739487753\46blogPostOrPageUrl\75http://htmleditor32.blogspot.com/p/online-html-editor.html\46blogFollowUrl\75https://plus.google.com/116894274489883032583\46vt\0757866619052088458905',
                where: document.getElementById("navbar-iframe-container"),
                id: "navbar-iframe"
            });
          }
        });
      </script><script type="text/javascript">
(function() {
var script = document.createElement('script');
script.type = 'text/javascript';
script.src = '//pagead2.googlesyndication.com/pagead/js/google_top_exp.js';
var head = document.getElementsByTagName('head')[0];
if (head) {
head.appendChild(script);
}})();
</script>
</div>
<div class='widget ContactForm' id='ContactForm1'>
<h2 class='title'>Contact Form</h2>
<div class='contact-form-widget'>
<div class='form'>
<form name='contact-form'>
<p></p>
Name
<br/>
<input class='contact-form-name' id='ContactForm1_contact-form-name' name='name' size='30' type='text' value=''/>
<p></p>
Email
<span style='font-weight: bolder;'>*</span>
<br/>
<input class='contact-form-email' id='ContactForm1_contact-form-email' name='email' size='30' type='text' value=''/>
<p></p>
Message
<span style='font-weight: bolder;'>*</span>
<br/>
<textarea class='contact-form-email-message' cols='25' id='ContactForm1_contact-form-email-message' name='email-message' rows='5'></textarea>
<p></p>
<input class='contact-form-button contact-form-button-submit' id='ContactForm1_contact-form-submit' type='button' value='Send'/>
<p></p>
<div style='text-align: center; max-width: 222px; width: 100%'>
<p class='contact-form-error-message' id='ContactForm1_contact-form-error-message'></p>
<p class='contact-form-success-message' id='ContactForm1_contact-form-success-message'></p>
</div>
</form>
</div>
</div>
<div class='clear'></div>
<span class='widget-item-control'>
<span class='item-control blog-admin'>
<a class='quickedit' href='//www.blogger.com/rearrange?blogID=438047577586537493&widgetType=ContactForm&widgetId=ContactForm1&action=editWidget&sectionId=sidebartop' onclick='return _WidgetManager._PopupConfig(document.getElementById("ContactForm1"));' target='configContactForm1' title='Edit'>
<img alt='' height='18' src='http://img1.blogblog.com/img/icon18_wrench_allbkg.png' width='18'/>
</a>
</span>
</span>
<div class='clear'></div>
</div></div>
</div><!-- #sidebar-primary .aside -->
</div><!-- .wrap -->
</div><!-- #main -->
<div class='sidebarbwrap' id='sidebar-subsidiary'>
<div class='wrapbwrap'>
<div class='widgetbwrap'>
<div class='footersec section' id='footersec1'></div>
</div>
<div class='widgetbwrap'>
<div class='footersec section' id='footersec2'></div>
</div>
<div class='widgetbwrap'>
<div class='footersec section' id='footersec3'></div>
</div>
<div class='widgetbwrap widgetbwrap-4 widgetbwrap-last'>
<div class='footersec section' id='footersec4'></div>
</div>
</div><!-- .wrap -->
<div>
</div>
</div><!-- #sidebar-subsidiary .aside -->
<div id='footer'>
<div class='wrapbwrap'>
<style>
ul.menu {
    float:left;
    margin-left:0px;
    background:;
    height:25px;
    width:100%;
    padding: 0;
}

ul.menu li {
    display: inline;
}

ul.menu li a {
    background-color: black;
    color: white;
    font-size: 11px;
    padding: 1px 12px;
    margin: 0px -1px 0 0;
    text-decoration: none;
    border-radius: 2px 2px 2px 2px;
}

ul.menu li a:hover {
    background-color: red;
}
</style>
<ul class='menu'>
<li><a href='http://htmleditor32.blogspot.com/'>Home</a></li>
<li><a href='#'>Html Editor</a></li>
<li><a href='#'>Tables</a></li>
<li><a href='#'>Lists</a></li>
<li><a href='http://www.webco32.blogspot.com/atom.xml?'>Site map</a></li>
<li><a href='http://webco32.blogspot.com/p/blog-page_16.html'>About us</a></li>
<li></li>
<li></li>
<li></li>
<div id='wctopdropsoc'>
<a href='http://www.facebook.com/scitech32' target='_blank'><img alt='Join Us on Facebook' src='https://lh3.googleusercontent.com/-ZOK40jhwhU0/VA89M42EugI/AAAAAAAAAhs/8B0PBUWC4vs/w140-h140-p/45x45ps-SocialMedia-Facebook.png'/></a>
<a href='https://twitter.com/tayyab0o1' target='_blank'><img alt='Follow us on Twitter' src='https://lh3.googleusercontent.com/-H3AWlqyefuQ/VA9BJHIH3WI/AAAAAAAAAiE/ZbTTLh2ievs/w140-h140-p/icon-45x45.png'/></a>
<a href='https://plus.google.com/+Scitech32Blogspot32' target='_blank'><img alt='Add to Circles' src='https://lh6.googleusercontent.com/-dNRmJIumjEM/VA88G8-P-PI/AAAAAAAAAhc/MWyYkux1yA8/w140-h140-p/Google-Plus-Icon-45x45.jpg'/></a>
<a href='https://youtube.com/scitech32' target='_blank'><img alt='Subscribe to or channel' src='https://lh3.googleusercontent.com/-DQY4uk32GfE/VA9IMrKdWLI/AAAAAAAAAi4/F-Nn412VpSM/w140-h140-p/Resized-998W2.jpg'/></a>
<a href='http://feeds.feedburner.com/webco32' target='_blank'><img alt='Subcribe to our RSS feeds' src='https://lh5.googleusercontent.com/-A74woIiuO2Q/VA9I_Hm9zNI/AAAAAAAAAjA/AMyOxmsDT_M/w140-h140-p/Resized-76HEH.jpg'/></a>
</div>
</ul>
<!-- Please do not edit following code, it may cause your site to stop working! -->
<div class='alignleft' style='float:center;width:800px;margin:0px;padding:px;line-height:1.2;text-align:center;'><span style='padding-left:100px;'></span>Copyright &#169; <script type='text/javascript'>var creditsyear = new Date();document.write(creditsyear.getFullYear());</script>
<a href='http://htmleditor32.blogspot.com/'>Online Html Editor</a><a href=''></a></div>
</div><!-- .wrap -->
</div><!-- #footer -->
</div><!-- #container -->
<script type='text/javascript'>
//<![CDATA[

/*
 * jQuery FlexSlider v2.1
 * Copyright 2012 WooThemes
 * Contributing Author: Tyler Smith
 */
;(function(d){d.flexslider=function(i,k){var a=d(i),c=d.extend({},d.flexslider.defaults,k),e=c.namespace,p="ontouchstart"in window||window.DocumentTouch&&document instanceof DocumentTouch,t=p?"touchend":"click",l="vertical"===c.direction,m=c.reverse,h=0<c.itemWidth,r="fade"===c.animation,s=""!==c.asNavFor,f={};d.data(i,"flexslider",a);f={init:function(){a.animating=!1;a.currentSlide=c.startAt;a.animatingTo=a.currentSlide;a.atEnd=0===a.currentSlide||a.currentSlide===a.last;a.containerSelector=c.selector.substr(0,
 c.selector.search(" "));a.slides=d(c.selector,a);a.container=d(a.containerSelector,a);a.count=a.slides.length;a.syncExists=0<d(c.sync).length;"slide"===c.animation&&(c.animation="swing");a.prop=l?"top":"marginLeft";a.args={};a.manualPause=!1;var b=a,g;if(g=!c.video)if(g=!r)if(g=c.useCSS)a:{g=document.createElement("div");var n=["perspectiveProperty","WebkitPerspective","MozPerspective","OPerspective","msPerspective"],e;for(e in n)if(void 0!==g.style[n[e]]){a.pfx=n[e].replace("Perspective","").toLowerCase();
 a.prop="-"+a.pfx+"-transform";g=!0;break a}g=!1}b.transitions=g;""!==c.controlsContainer&&(a.controlsContainer=0<d(c.controlsContainer).length&&d(c.controlsContainer));""!==c.manualControls&&(a.manualControls=0<d(c.manualControls).length&&d(c.manualControls));c.randomize&&(a.slides.sort(function(){return Math.round(Math.random())-0.5}),a.container.empty().append(a.slides));a.doMath();s&&f.asNav.setup();a.setup("init");c.controlNav&&f.controlNav.setup();c.directionNav&&f.directionNav.setup();c.keyboard&&
 (1===d(a.containerSelector).length||c.multipleKeyboard)&&d(document).bind("keyup",function(b){b=b.keyCode;if(!a.animating&&(39===b||37===b))b=39===b?a.getTarget("next"):37===b?a.getTarget("prev"):!1,a.flexAnimate(b,c.pauseOnAction)});c.mousewheel&&a.bind("mousewheel",function(b,g){b.preventDefault();var d=0>g?a.getTarget("next"):a.getTarget("prev");a.flexAnimate(d,c.pauseOnAction)});c.pausePlay&&f.pausePlay.setup();c.slideshow&&(c.pauseOnHover&&a.hover(function(){!a.manualPlay&&!a.manualPause&&a.pause()},
 function(){!a.manualPause&&!a.manualPlay&&a.play()}),0<c.initDelay?setTimeout(a.play,c.initDelay):a.play());p&&c.touch&&f.touch();(!r||r&&c.smoothHeight)&&d(window).bind("resize focus",f.resize);setTimeout(function(){c.start(a)},200)},asNav:{setup:function(){a.asNav=!0;a.animatingTo=Math.floor(a.currentSlide/a.move);a.currentItem=a.currentSlide;a.slides.removeClass(e+"active-slide").eq(a.currentItem).addClass(e+"active-slide");a.slides.click(function(b){b.preventDefault();var b=d(this),g=b.index();
 !d(c.asNavFor).data("flexslider").animating&&!b.hasClass("active")&&(a.direction=a.currentItem<g?"next":"prev",a.flexAnimate(g,c.pauseOnAction,!1,!0,!0))})}},controlNav:{setup:function(){a.manualControls?f.controlNav.setupManual():f.controlNav.setupPaging()},setupPaging:function(){var b=1,g;a.controlNavScaffold=d('<ol class="'+e+"control-nav "+e+("thumbnails"===c.controlNav?"control-thumbs":"control-paging")+'"></ol>');if(1<a.pagingCount)for(var n=0;n<a.pagingCount;n++)g="thumbnails"===c.controlNav?
 '<img src="'+a.slides.eq(n).attr("data-thumb")+'"/>':"<a>"+b+"</a>",a.controlNavScaffold.append("<li>"+g+"</li>"),b++;a.controlsContainer?d(a.controlsContainer).append(a.controlNavScaffold):a.append(a.controlNavScaffold);f.controlNav.set();f.controlNav.active();a.controlNavScaffold.delegate("a, img",t,function(b){b.preventDefault();var b=d(this),g=a.controlNav.index(b);b.hasClass(e+"active")||(a.direction=g>a.currentSlide?"next":"prev",a.flexAnimate(g,c.pauseOnAction))});p&&a.controlNavScaffold.delegate("a",
 "click touchstart",function(a){a.preventDefault()})},setupManual:function(){a.controlNav=a.manualControls;f.controlNav.active();a.controlNav.live(t,function(b){b.preventDefault();var b=d(this),g=a.controlNav.index(b);b.hasClass(e+"active")||(g>a.currentSlide?a.direction="next":a.direction="prev",a.flexAnimate(g,c.pauseOnAction))});p&&a.controlNav.live("click touchstart",function(a){a.preventDefault()})},set:function(){a.controlNav=d("."+e+"control-nav li "+("thumbnails"===c.controlNav?"img":"a"),
 a.controlsContainer?a.controlsContainer:a)},active:function(){a.controlNav.removeClass(e+"active").eq(a.animatingTo).addClass(e+"active")},update:function(b,c){1<a.pagingCount&&"add"===b?a.controlNavScaffold.append(d("<li><a>"+a.count+"</a></li>")):1===a.pagingCount?a.controlNavScaffold.find("li").remove():a.controlNav.eq(c).closest("li").remove();f.controlNav.set();1<a.pagingCount&&a.pagingCount!==a.controlNav.length?a.update(c,b):f.controlNav.active()}},directionNav:{setup:function(){var b=d('<ul class="'+
 e+'direction-nav"><li><a class="'+e+'prev" href="#">'+c.prevText+'</a></li><li><a class="'+e+'next" href="#">'+c.nextText+"</a></li></ul>");a.controlsContainer?(d(a.controlsContainer).append(b),a.directionNav=d("."+e+"direction-nav li a",a.controlsContainer)):(a.append(b),a.directionNav=d("."+e+"direction-nav li a",a));f.directionNav.update();a.directionNav.bind(t,function(b){b.preventDefault();b=d(this).hasClass(e+"next")?a.getTarget("next"):a.getTarget("prev");a.flexAnimate(b,c.pauseOnAction)});
 p&&a.directionNav.bind("click touchstart",function(a){a.preventDefault()})},update:function(){var b=e+"disabled";1===a.pagingCount?a.directionNav.addClass(b):c.animationLoop?a.directionNav.removeClass(b):0===a.animatingTo?a.directionNav.removeClass(b).filter("."+e+"prev").addClass(b):a.animatingTo===a.last?a.directionNav.removeClass(b).filter("."+e+"next").addClass(b):a.directionNav.removeClass(b)}},pausePlay:{setup:function(){var b=d('<div class="'+e+'pauseplay"><a></a></div>');a.controlsContainer?
 (a.controlsContainer.append(b),a.pausePlay=d("."+e+"pauseplay a",a.controlsContainer)):(a.append(b),a.pausePlay=d("."+e+"pauseplay a",a));f.pausePlay.update(c.slideshow?e+"pause":e+"play");a.pausePlay.bind(t,function(b){b.preventDefault();d(this).hasClass(e+"pause")?(a.manualPause=!0,a.manualPlay=!1,a.pause()):(a.manualPause=!1,a.manualPlay=!0,a.play())});p&&a.pausePlay.bind("click touchstart",function(a){a.preventDefault()})},update:function(b){"play"===b?a.pausePlay.removeClass(e+"pause").addClass(e+
 "play").text(c.playText):a.pausePlay.removeClass(e+"play").addClass(e+"pause").text(c.pauseText)}},touch:function(){function b(b){j=l?d-b.touches[0].pageY:d-b.touches[0].pageX;p=l?Math.abs(j)<Math.abs(b.touches[0].pageX-e):Math.abs(j)<Math.abs(b.touches[0].pageY-e);if(!p||500<Number(new Date)-k)b.preventDefault(),!r&&a.transitions&&(c.animationLoop||(j/=0===a.currentSlide&&0>j||a.currentSlide===a.last&&0<j?Math.abs(j)/q+2:1),a.setProps(f+j,"setTouch"))}function g(){i.removeEventListener("touchmove",
 b,!1);if(a.animatingTo===a.currentSlide&&!p&&null!==j){var h=m?-j:j,l=0<h?a.getTarget("next"):a.getTarget("prev");a.canAdvance(l)&&(550>Number(new Date)-k&&50<Math.abs(h)||Math.abs(h)>q/2)?a.flexAnimate(l,c.pauseOnAction):r||a.flexAnimate(a.currentSlide,c.pauseOnAction,!0)}i.removeEventListener("touchend",g,!1);f=j=e=d=null}var d,e,f,q,j,k,p=!1;i.addEventListener("touchstart",function(j){a.animating?j.preventDefault():1===j.touches.length&&(a.pause(),q=l?a.h:a.w,k=Number(new Date),f=h&&m&&a.animatingTo===
 a.last?0:h&&m?a.limit-(a.itemW+c.itemMargin)*a.move*a.animatingTo:h&&a.currentSlide===a.last?a.limit:h?(a.itemW+c.itemMargin)*a.move*a.currentSlide:m?(a.last-a.currentSlide+a.cloneOffset)*q:(a.currentSlide+a.cloneOffset)*q,d=l?j.touches[0].pageY:j.touches[0].pageX,e=l?j.touches[0].pageX:j.touches[0].pageY,i.addEventListener("touchmove",b,!1),i.addEventListener("touchend",g,!1))},!1)},resize:function(){!a.animating&&a.is(":visible")&&(h||a.doMath(),r?f.smoothHeight():h?(a.slides.width(a.computedW),
 a.update(a.pagingCount),a.setProps()):l?(a.viewport.height(a.h),a.setProps(a.h,"setTotal")):(c.smoothHeight&&f.smoothHeight(),a.newSlides.width(a.computedW),a.setProps(a.computedW,"setTotal")))},smoothHeight:function(b){if(!l||r){var c=r?a:a.viewport;b?c.animate({height:a.slides.eq(a.animatingTo).height()},b):c.height(a.slides.eq(a.animatingTo).height())}},sync:function(b){var g=d(c.sync).data("flexslider"),e=a.animatingTo;switch(b){case "animate":g.flexAnimate(e,c.pauseOnAction,!1,!0);break;case "play":!g.playing&&
 !g.asNav&&g.play();break;case "pause":g.pause()}}};a.flexAnimate=function(b,g,n,i,k){s&&1===a.pagingCount&&(a.direction=a.currentItem<b?"next":"prev");if(!a.animating&&(a.canAdvance(b,k)||n)&&a.is(":visible")){if(s&&i)if(n=d(c.asNavFor).data("flexslider"),a.atEnd=0===b||b===a.count-1,n.flexAnimate(b,!0,!1,!0,k),a.direction=a.currentItem<b?"next":"prev",n.direction=a.direction,Math.ceil((b+1)/a.visible)-1!==a.currentSlide&&0!==b)a.currentItem=b,a.slides.removeClass(e+"active-slide").eq(b).addClass(e+
 "active-slide"),b=Math.floor(b/a.visible);else return a.currentItem=b,a.slides.removeClass(e+"active-slide").eq(b).addClass(e+"active-slide"),!1;a.animating=!0;a.animatingTo=b;c.before(a);g&&a.pause();a.syncExists&&!k&&f.sync("animate");c.controlNav&&f.controlNav.active();h||a.slides.removeClass(e+"active-slide").eq(b).addClass(e+"active-slide");a.atEnd=0===b||b===a.last;c.directionNav&&f.directionNav.update();b===a.last&&(c.end(a),c.animationLoop||a.pause());if(r)p?(a.slides.eq(a.currentSlide).css({opacity:0,
 zIndex:1}),a.slides.eq(b).css({opacity:1,zIndex:2}),a.animating=!1,a.currentSlide=a.animatingTo):(a.slides.eq(a.currentSlide).fadeOut(c.animationSpeed,c.easing),a.slides.eq(b).fadeIn(c.animationSpeed,c.easing,a.wrapup));else{var q=l?a.slides.filter(":first").height():a.computedW;h?(b=c.itemWidth>a.w?2*c.itemMargin:c.itemMargin,b=(a.itemW+b)*a.move*a.animatingTo,b=b>a.limit&&1!==a.visible?a.limit:b):b=0===a.currentSlide&&b===a.count-1&&c.animationLoop&&"next"!==a.direction?m?(a.count+a.cloneOffset)*
 q:0:a.currentSlide===a.last&&0===b&&c.animationLoop&&"prev"!==a.direction?m?0:(a.count+1)*q:m?(a.count-1-b+a.cloneOffset)*q:(b+a.cloneOffset)*q;a.setProps(b,"",c.animationSpeed);if(a.transitions){if(!c.animationLoop||!a.atEnd)a.animating=!1,a.currentSlide=a.animatingTo;a.container.unbind("webkitTransitionEnd transitionend");a.container.bind("webkitTransitionEnd transitionend",function(){a.wrapup(q)})}else a.container.animate(a.args,c.animationSpeed,c.easing,function(){a.wrapup(q)})}c.smoothHeight&&
 f.smoothHeight(c.animationSpeed)}};a.wrapup=function(b){!r&&!h&&(0===a.currentSlide&&a.animatingTo===a.last&&c.animationLoop?a.setProps(b,"jumpEnd"):a.currentSlide===a.last&&(0===a.animatingTo&&c.animationLoop)&&a.setProps(b,"jumpStart"));a.animating=!1;a.currentSlide=a.animatingTo;c.after(a)};a.animateSlides=function(){a.animating||a.flexAnimate(a.getTarget("next"))};a.pause=function(){clearInterval(a.animatedSlides);a.playing=!1;c.pausePlay&&f.pausePlay.update("play");a.syncExists&&f.sync("pause")};
 a.play=function(){a.animatedSlides=setInterval(a.animateSlides,c.slideshowSpeed);a.playing=!0;c.pausePlay&&f.pausePlay.update("pause");a.syncExists&&f.sync("play")};a.canAdvance=function(b,g){var d=s?a.pagingCount-1:a.last;return g?!0:s&&a.currentItem===a.count-1&&0===b&&"prev"===a.direction?!0:s&&0===a.currentItem&&b===a.pagingCount-1&&"next"!==a.direction?!1:b===a.currentSlide&&!s?!1:c.animationLoop?!0:a.atEnd&&0===a.currentSlide&&b===d&&"next"!==a.direction?!1:a.atEnd&&a.currentSlide===d&&0===
 b&&"next"===a.direction?!1:!0};a.getTarget=function(b){a.direction=b;return"next"===b?a.currentSlide===a.last?0:a.currentSlide+1:0===a.currentSlide?a.last:a.currentSlide-1};a.setProps=function(b,g,d){var e,f=b?b:(a.itemW+c.itemMargin)*a.move*a.animatingTo;e=-1*function(){if(h)return"setTouch"===g?b:m&&a.animatingTo===a.last?0:m?a.limit-(a.itemW+c.itemMargin)*a.move*a.animatingTo:a.animatingTo===a.last?a.limit:f;switch(g){case "setTotal":return m?(a.count-1-a.currentSlide+a.cloneOffset)*b:(a.currentSlide+
 a.cloneOffset)*b;case "setTouch":return b;case "jumpEnd":return m?b:a.count*b;case "jumpStart":return m?a.count*b:b;default:return b}}()+"px";a.transitions&&(e=l?"translate3d(0,"+e+",0)":"translate3d("+e+",0,0)",d=void 0!==d?d/1E3+"s":"0s",a.container.css("-"+a.pfx+"-transition-duration",d));a.args[a.prop]=e;(a.transitions||void 0===d)&&a.container.css(a.args)};a.setup=function(b){if(r)a.slides.css({width:"100%","float":"left",marginRight:"-100%",position:"relative"}),"init"===b&&(p?a.slides.css({opacity:0,
 display:"block",webkitTransition:"opacity "+c.animationSpeed/1E3+"s ease",zIndex:1}).eq(a.currentSlide).css({opacity:1,zIndex:2}):a.slides.eq(a.currentSlide).fadeIn(c.animationSpeed,c.easing)),c.smoothHeight&&f.smoothHeight();else{var g,n;"init"===b&&(a.viewport=d('<div class="'+e+'viewport"></div>').css({overflow:"hidden",position:"relative"}).appendTo(a).append(a.container),a.cloneCount=0,a.cloneOffset=0,m&&(n=d.makeArray(a.slides).reverse(),a.slides=d(n),a.container.empty().append(a.slides)));
 c.animationLoop&&!h&&(a.cloneCount=2,a.cloneOffset=1,"init"!==b&&a.container.find(".clone").remove(),a.container.append(a.slides.first().clone().addClass("clone")).prepend(a.slides.last().clone().addClass("clone")));a.newSlides=d(c.selector,a);g=m?a.count-1-a.currentSlide+a.cloneOffset:a.currentSlide+a.cloneOffset;l&&!h?(a.container.height(200*(a.count+a.cloneCount)+"%").css("position","absolute").width("100%"),setTimeout(function(){a.newSlides.css({display:"block"});a.doMath();a.viewport.height(a.h);
 a.setProps(g*a.h,"init")},"init"===b?100:0)):(a.container.width(200*(a.count+a.cloneCount)+"%"),a.setProps(g*a.computedW,"init"),setTimeout(function(){a.doMath();a.newSlides.css({width:a.computedW,"float":"left",display:"block"});c.smoothHeight&&f.smoothHeight()},"init"===b?100:0))}h||a.slides.removeClass(e+"active-slide").eq(a.currentSlide).addClass(e+"active-slide")};a.doMath=function(){var b=a.slides.first(),d=c.itemMargin,e=c.minItems,f=c.maxItems;a.w=a.width();a.h=b.height();a.boxPadding=b.outerWidth()-
 b.width();h?(a.itemT=c.itemWidth+d,a.minW=e?e*a.itemT:a.w,a.maxW=f?f*a.itemT:a.w,a.itemW=a.minW>a.w?(a.w-d*e)/e:a.maxW<a.w?(a.w-d*f)/f:c.itemWidth>a.w?a.w:c.itemWidth,a.visible=Math.floor(a.w/(a.itemW+d)),a.move=0<c.move&&c.move<a.visible?c.move:a.visible,a.pagingCount=Math.ceil((a.count-a.visible)/a.move+1),a.last=a.pagingCount-1,a.limit=1===a.pagingCount?0:c.itemWidth>a.w?(a.itemW+2*d)*a.count-a.w-d:(a.itemW+d)*a.count-a.w-d):(a.itemW=a.w,a.pagingCount=a.count,a.last=a.count-1);a.computedW=a.itemW-
 a.boxPadding};a.update=function(b,d){a.doMath();h||(b<a.currentSlide?a.currentSlide+=1:b<=a.currentSlide&&0!==b&&(a.currentSlide-=1),a.animatingTo=a.currentSlide);if(c.controlNav&&!a.manualControls)if("add"===d&&!h||a.pagingCount>a.controlNav.length)f.controlNav.update("add");else if("remove"===d&&!h||a.pagingCount<a.controlNav.length)h&&a.currentSlide>a.last&&(a.currentSlide-=1,a.animatingTo-=1),f.controlNav.update("remove",a.last);c.directionNav&&f.directionNav.update()};a.addSlide=function(b,e){var f=
 d(b);a.count+=1;a.last=a.count-1;l&&m?void 0!==e?a.slides.eq(a.count-e).after(f):a.container.prepend(f):void 0!==e?a.slides.eq(e).before(f):a.container.append(f);a.update(e,"add");a.slides=d(c.selector+":not(.clone)",a);a.setup();c.added(a)};a.removeSlide=function(b){var e=isNaN(b)?a.slides.index(d(b)):b;a.count-=1;a.last=a.count-1;isNaN(b)?d(b,a.slides).remove():l&&m?a.slides.eq(a.last).remove():a.slides.eq(b).remove();a.doMath();a.update(e,"remove");a.slides=d(c.selector+":not(.clone)",a);a.setup();
 c.removed(a)};f.init()};d.flexslider.defaults={namespace:"flex-",selector:".slides > li",animation:"fade",easing:"swing",direction:"horizontal",reverse:!1,animationLoop:!0,smoothHeight:!1,startAt:0,slideshow:!0,slideshowSpeed:7E3,animationSpeed:600,initDelay:0,randomize:!1,pauseOnAction:!0,pauseOnHover:!1,useCSS:!0,touch:!0,video:!1,controlNav:!0,directionNav:!0,prevText:"Previous",nextText:"Next",keyboard:!0,multipleKeyboard:!1,mousewheel:!1,pausePlay:!1,pauseText:"Pause",playText:"Play",controlsContainer:"",
 manualControls:"",sync:"",asNavFor:"",itemWidth:0,itemMargin:0,minItems:0,maxItems:0,move:0,start:function(){},before:function(){},after:function(){},end:function(){},added:function(){},removed:function(){}};d.fn.flexslider=function(i){void 0===i&&(i={});if("object"===typeof i)return this.each(function(){var a=d(this),c=a.find(i.selector?i.selector:".slides > li");1===c.length?(c.fadeIn(400),i.start&&i.start(a)):void 0===a.data("flexslider")&&new d.flexslider(this,i)});var k=d(this).data("flexslider");
 switch(i){case "play":k.play();break;case "pause":k.pause();break;case "next":k.flexAnimate(k.getTarget("next"),!0);break;case "prev":case "previous":k.flexAnimate(k.getTarget("prev"),!0);break;default:"number"===typeof i&&k.flexAnimate(i,!0)}}})(jQuery);

//]]>
</script>
<script type='text/javascript'>
//<![CDATA[

;(function($){$.fn.superfish=function(op){var sf=$.fn.superfish,c=sf.c,$arrow=$(['<span class="',c.arrowClass,'"> &#187;</span>'].join('')),over=function(){var $$=$(this),menu=getMenu($$);clearTimeout(menu.sfTimer);$$.showSuperfishUl().siblings().hideSuperfishUl()},out=function(){var $$=$(this),menu=getMenu($$),o=sf.op;clearTimeout(menu.sfTimer);menu.sfTimer=setTimeout(function(){o.retainPath=($.inArray($$[0],o.$path)>-1);$$.hideSuperfishUl();if(o.$path.length&&$$.parents(['li.',o.hoverClass].join('')).length<1){over.call(o.$path)}},o.delay)},getMenu=function($menu){var menu=$menu.parents(['ul.',c.menuClass,':first'].join(''))[0];sf.op=sf.o[menu.serial];return menu},addArrow=function($a){$a.addClass(c.anchorClass).append($arrow.clone())};return this.each(function(){var s=this.serial=sf.o.length;var o=$.extend({},sf.defaults,op);o.$path=$('li.'+o.pathClass,this).slice(0,o.pathLevels).each(function(){$(this).addClass([o.hoverClass,c.bcClass].join(' ')).filter('li:has(ul)').removeClass(o.pathClass)});sf.o[s]=sf.op=o;$('li:has(ul)',this)[($.fn.hoverIntent&&!o.disableHI)?'hoverIntent':'hover'](over,out).each(function(){if(o.autoArrows)addArrow($('>a:first-child',this))}).not('.'+c.bcClass).hideSuperfishUl();var $a=$('a',this);$a.each(function(i){var $li=$a.eq(i).parents('li');$a.eq(i).focus(function(){over.call($li)}).blur(function(){out.call($li)})});o.onInit.call(this)}).each(function(){var menuClasses=[c.menuClass];if(sf.op.dropShadows&&!($.browser.msie&&$.browser.version<7))menuClasses.push(c.shadowClass);$(this).addClass(menuClasses.join(' '))})};var sf=$.fn.superfish;sf.o=[];sf.op={};sf.IE7fix=function(){var o=sf.op;if($.browser.msie&&$.browser.version>6&&o.dropShadows&&o.animation.opacity!=undefined)this.toggleClass(sf.c.shadowClass+'-off')};sf.c={bcClass:'sf-breadcrumb',menuClass:'sf-js-enabled',anchorClass:'sf-with-ul',arrowClass:'sf-sub-indicator',shadowClass:'sf-shadow'};sf.defaults={hoverClass:'sfHover',pathClass:'overideThisToUse',pathLevels:1,delay:800,animation:{opacity:'show'},speed:'normal',autoArrows:true,dropShadows:true,disableHI:false,onInit:function(){},onBeforeShow:function(){},onShow:function(){},onHide:function(){}};$.fn.extend({hideSuperfishUl:function(){var o=sf.op,not=(o.retainPath===true)?o.$path:'';o.retainPath=false;var $ul=$(['li.',o.hoverClass].join(''),this).add(this).not(not).removeClass(o.hoverClass).find('>ul').hide().css('visibility','hidden');o.onHide.call($ul);return this},showSuperfishUl:function(){var o=sf.op,sh=sf.c.shadowClass+'-off',$ul=this.addClass(o.hoverClass).find('>ul:hidden').css('visibility','visible');sf.IE7fix.call($ul);o.onBeforeShow.call($ul);$ul.animate(o.animation,o.speed,function(){sf.IE7fix.call($ul);o.onShow.call($ul)});return this}})})(jQuery);(function($){$.fn.supersubs=function(options){var opts=$.extend({},$.fn.supersubs.defaults,options);return this.each(function(){var $$=$(this);var o=$.meta?$.extend({},opts,$$.data()):opts;var fontsize=$('<li id="menu-fontsize">&#8212;</li>').css({'padding':0,'position':'absolute','top':'-999em','width':'auto'}).appendTo($$).width();$('#menu-fontsize').remove();$ULs=$$.find('ul');$ULs.each(function(i){var $ul=$ULs.eq(i);var $LIs=$ul.children();var $As=$LIs.children('a');var liFloat=$LIs.css('white-space','nowrap').css('float');var emWidth=$ul.add($LIs).add($As).css({'float':'none','width':'auto'}).end().end()[0].clientWidth/fontsize;emWidth+=o.extraWidth;if(emWidth>o.maxWidth){emWidth=o.maxWidth}else if(emWidth<o.minWidth){emWidth=o.minWidth}emWidth+='em';$ul.css('width',emWidth);$LIs.css({'float':liFloat,'width':'100%','white-space':'normal'}).each(function(){var $childUl=$('>ul',this);var offsetDirection=$childUl.css('left')!==undefined?'left':'right';$childUl.css(offsetDirection,emWidth)})})})};$.fn.supersubs.defaults={minWidth:9,maxWidth:25,extraWidth:0}})(jQuery);$j=jQuery.noConflict();$j(document).ready(function(){$j('div.menu ul:first-child').supersubs({minWidth:12,maxWidth:27,extraWidth:1}).superfish({delay:100,animation:{opacity:'show',height:'show'},dropShadows:false});$j('nav.menu ul:first-child').supersubs({minWidth:12,maxWidth:27,extraWidth:1}).superfish({delay:100,animation:{opacity:'show',height:'show'},dropShadows:false})});

//]]>
</script>
<script type="text/javascript">
if (window.jstiming) window.jstiming.load.tick('widgetJsBefore');
</script><script type="text/javascript" src="https://www.blogger.com/static/v1/widgets/2499618864-widgets.js"></script>
<script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script>
<script type='text/javascript'>
if (typeof(BLOG_attachCsiOnload) != 'undefined' && BLOG_attachCsiOnload != null) { window['blogger_templates_experiment_id'] = "templatesV1";window['blogger_blog_id'] = '438047577586537493';BLOG_attachCsiOnload('static_page_'); }_WidgetManager._Init('//www.blogger.com/rearrange?blogID\x3d438047577586537493','//htmleditor32.blogspot.com/p/online-html-editor.html','438047577586537493');
_WidgetManager._SetDataContext([{'name': 'blog', 'data': {'blogId': '438047577586537493', 'bloggerUrl': 'http://www.blogger.com', 'title': 'Online Html Editor', 'pageType': 'static_page', 'pageId': '4526434124739487753', 'url': 'http://htmleditor32.blogspot.com/p/online-html-editor.html', 'canonicalUrl': 'http://htmleditor32.blogspot.com/p/online-html-editor.html', 'canonicalHomepageUrl': 'http://htmleditor32.blogspot.com/', 'homepageUrl': 'http://htmleditor32.blogspot.com/', 'blogspotFaviconUrl': 'http://htmleditor32.blogspot.com/favicon.ico', 'enabledCommentProfileImages': true, 'adultContent': false, 'disableAdSenseWidget': false, 'analyticsAccountNumber': '', 'searchLabel': '', 'searchQuery': '', 'pageName': 'Online Html Editor', 'pageTitle': 'Online Html Editor: Online Html Editor', 'encoding': 'UTF-8', 'locale': 'en', 'localeUnderscoreDelimited': 'en', 'isPrivate': false, 'isMobile': false, 'isMobileRequest': false, 'mobileClass': '', 'isPrivateBlog': false, 'languageDirection': 'ltr', 'feedLinks': '\74link rel\75\42alternate\42 type\75\42application/atom+xml\42 title\75\42Online Html Editor - Atom\42 href\75\42http://htmleditor32.blogspot.com/feeds/posts/default\42 /\76\n\74link rel\75\42alternate\42 type\75\42application/rss+xml\42 title\75\42Online Html Editor - RSS\42 href\75\42http://htmleditor32.blogspot.com/feeds/posts/default?alt\75rss\42 /\76\n\74link rel\75\42service.post\42 type\75\42application/atom+xml\42 title\75\42Online Html Editor - Atom\42 href\75\42http://www.blogger.com/feeds/438047577586537493/posts/default\42 /\76\n', 'meTag': '', 'openIdOpTag': '', 'latencyHeadScript': '\74script type\75\42text/javascript\42\76(function() { var b\75window,f\75\42chrome\42,g\75\42tick\42,k\75\42jstiming\42;(function(){function d(a){this.t\75{};this.tick\75function(a,d,c){var e\75void 0!\75c?c:(new Date).getTime();this.t[a]\75[e,d];if(void 0\75\75c)try{b.console.timeStamp(\42CSI/\42+a)}catch(h){}};this[g](\42start\42,null,a)}var a;b.performance\46\46(a\75b.performance.timing);var n\75a?new d(a.responseStart):new d;b.jstiming\75{Timer:d,load:n};if(a){var c\75a.navigationStart,h\75a.responseStart;0\74c\46\46h\76\75c\46\46(b[k].srt\75h-c)}if(a){var e\75b[k].load;0\74c\46\46h\76\75c\46\46(e[g](\42_wtsrt\42,void 0,c),e[g](\42wtsrt_\42,\42_wtsrt\42,h),e[g](\42tbsd_\42,\42wtsrt_\42))}try{a\75null,\nb[f]\46\46b[f].csi\46\46(a\75Math.floor(b[f].csi().pageT),e\46\0460\74c\46\46(e[g](\42_tbnd\42,void 0,b[f].csi().startE),e[g](\42tbnd_\42,\42_tbnd\42,c))),null\75\75a\46\46b.gtbExternal\46\46(a\75b.gtbExternal.pageT()),null\75\75a\46\46b.external\46\46(a\75b.external.pageT,e\46\0460\74c\46\46(e[g](\42_tbnd\42,void 0,b.external.startE),e[g](\42tbnd_\42,\42_tbnd\42,c))),a\46\46(b[k].pt\75a)}catch(p){}})();b.tickAboveFold\75function(d){var a\0750;if(d.offsetParent){do a+\75d.offsetTop;while(d\75d.offsetParent)}d\75a;750\76\75d\46\46b[k].load[g](\42aft\42)};var l\75!1;function m(){l||(l\75!0,b[k].load[g](\42firstScrollTime\42))}b.addEventListener?b.addEventListener(\42scroll\42,m,!1):b.attachEvent(\42onscroll\42,m);\n })();\74/script\076', 'mobileHeadScript': '', 'view': '', 'dynamicViewsCommentsSrc': '//www.blogblog.com/dynamicviews/4224c15c4e7c9321/js/comments.js', 'dynamicViewsScriptSrc': '//www.blogblog.com/dynamicviews/76f25a6f2e06af76', 'plusOneApiSrc': 'https://apis.google.com/js/plusone.js', 'sf': 'n'}}, {'name': 'skin', 'data': {'vars': {}, 'override': ''}}, {'name': 'view', 'data': {'classic': {'name': 'classic', 'url': '?view\75classic'}, 'flipcard': {'name': 'flipcard', 'url': '?view\75flipcard'}, 'magazine': {'name': 'magazine', 'url': '?view\75magazine'}, 'mosaic': {'name': 'mosaic', 'url': '?view\75mosaic'}, 'sidebar': {'name': 'sidebar', 'url': '?view\75sidebar'}, 'snapshot': {'name': 'snapshot', 'url': '?view\75snapshot'}, 'timeslide': {'name': 'timeslide', 'url': '?view\75timeslide'}}}]);
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML3', 'sidebartop', null, document.getElementById('HTML3'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML2', 'sidebartop', null, document.getElementById('HTML2'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML1', 'sidebartop', null, document.getElementById('HTML1'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_PopularPostsView', new _WidgetInfo('PopularPosts1', 'sidebartop', null, document.getElementById('PopularPosts1'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_PlusOneView', new _WidgetInfo('PlusOne1', 'sidebartop', null, document.getElementById('PlusOne1'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_LabelView', new _WidgetInfo('Label1', 'sidebartop', null, document.getElementById('Label1'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_PageListView', new _WidgetInfo('PageList1', 'sidebartop', null, document.getElementById('PageList1'), {'title': 'Pages', 'links': [{'href': 'http://htmleditor32.blogspot.com/', 'title': 'Home', 'isCurrentPage': false}], 'mobile': false}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_FollowByEmailView', new _WidgetInfo('FollowByEmail1', 'sidebartop', null, document.getElementById('FollowByEmail1'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_NavbarView', new _WidgetInfo('Navbar1', 'sidebartop', null, document.getElementById('Navbar1'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_ContactFormView', new _WidgetInfo('ContactForm1', 'sidebartop', null, document.getElementById('ContactForm1'), {'contactFormMessageSendingMsg': 'Sending...', 'contactFormMessageSentMsg': 'Your message has been sent.', 'contactFormMessageNotSentMsg': 'Message could not be sent. Please try again later.', 'contactFormInvalidEmailMsg': 'A valid email address is required.', 'contactFormEmptyMessageMsg': 'Message field cannot be empty.', 'title': 'Contact Form', 'blogId': '438047577586537493', 'contactFormNameMsg': 'Name', 'contactFormEmailMsg': 'Email', 'contactFormMessageMsg': 'Message', 'contactFormSendMsg': 'Send', 'submitUrl': 'https://www.blogger.com/contact-form.do'}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HeaderView', new _WidgetInfo('Header1', 'headersec', null, document.getElementById('Header1'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_BlogView', new _WidgetInfo('Blog1', 'mainblogsec', null, document.getElementById('Blog1'), {'cmtInteractionsEnabled': false, 'lightboxEnabled': true, 'lightboxModuleUrl': 'https://www.blogger.com/static/v1/jsbin/499663027-lbx.js', 'lightboxCssUrl': 'https://www.blogger.com/static/v1/v-css/2392111094-lightbox_bundle.css'}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML4', 'mainblogsec', null, document.getElementById('HTML4'), {}, 'displayModeFull'));
</script>
</body>
</html>